Using flex to layout items in css
Some recipes for using flex to reliably align items in your html files.The collection of recipes can also be found as a collection my CodePen site.1. Make a div box …
Author: Andy
Dragging shapes with the mouse in WPF / MVVM
In a recent project I was interested in Dragging shapes with the mouse in a WPF / MVVM Visual Studio project.This post contains an example on how to drag a …
A JavaScript cheat sheet
1. slice()The splice() method adds/removes items to/from an array, and returns the removed item(s).Output:Note that on using splice() the original array is impacted.The contents of the original array can be …
A git stash cheat sheet
A summary of usages of git stash commands:1. List current stashes2. Deleting stashesDelete all stashes:Delete specific stash (stash id in quotes on PowerShell):3. Save stash(es), annotated with a message4. Apply …
Getting started with Aurelia Dialog
Firstly in your project folder make sure Aurelia dialog has been installed:Also see this following link on how to get started in creating, building, running etc a new Aurelia project:https://www.technical-recipes.com/2019/getting-started-with-aurelia-js-part-2/In …
Getting started with Aurelia routing in Visual Studio Code
Some instructions on how to get started with a very simple TypeScript-based example in a Visual Studio Code development environment.1. Create a new Aurelia projectIf you’re unfamiliar with creating a …
Building a Tree View in Aurelia
For steps on setting up a new Aurelia project please refer to this link:https://www.technical-recipes.com/2019/getting-started-with-aurelia-js-part-2/(For reference I am using the TypeScript option when creating this new Aurelia project and building / …
Getting started with Aurelia in Visual Studio Code
An alternative and possibly simpler approach to getting set up and using Aurelia.The previous approach can be found at the following linkhttps://www.technical-recipes.com/2019/getting-started-with-aurelia-js/PrerequisitesThe Aurelia CLI has a pre-requisite, Node.js. Get it …
Using .map(), .reduce() and .filter() in JavaScript
Useful links: https://code.tutsplus.com/tutorials/how-to-use-map-filter-reduce-in-javascript–cms-26209https://medium.com/poka-techblog/simplify-your-javascript-use-map-reduce-and-filter-bd02c593cc2dTo summarize:mapCreates a new array by transforming every element in an array, individually. filter Creates a new array by removing elements that don’t belong. reduceTakes all of the …
My Aurelia cheat sheet
A collection for Aurelia / typescript / javascript as and when I encounter them.For a post on getting set up with Aurelia JS see this post:https://www.technical-recipes.com/2019/getting-started-with-aurelia-js/ https://www.technical-recipes.com/2019/getting-started-with-aurelia-js-part-2/1. Hello World!app.jsapp.htmlGiving the …