Variable viewport units
We're used to a set of viewport units that represent the size of the browser's viewport. vw: 1% of the width of the viewport size vh: 1% of the height of the viewport size vmin: the smaller of vw or...
Javascript notes: bind, call, and apply
Bind, call and apply are old concepts in Javascript. They are likely the subject of many interview questions, blog posts and tutorials but I still find it hard to understand these functions, how they...
Map, reduce and filter Javascript arrays
Javascript also has a set of map/reduce/filter functions. I've always curious about how they work. From what I see, these functions are closer to Functional programming than to data processing. They...
Javascript Notes: Rest and Spread operators
Rest and spread operators are two ways to manipulate arrays and objects in Javascript. In this post we'll review what they are and how to use them. Spread Parameters # The spread syntax expands an...
Working with scripts directly in Gulp
This is an interesting trick to help consolidate assets and reduce the number of network requests you need to make. Let's assume that your project depends on one big library like jQuery or Backbone to...
New CSS media queries
There is more to writing defensive CSS than what I thought. This post will look at feature queries (the @supports at rule) and CSS support for OS-level accessibility rules. Feature queries # Before...
Exploring Typescript (3): Generics and DOM manipulation
There are a couple of additional items that I though were important enough to cover: generics and DOM manipulation. Generics # One of the things I find most interesting about Typescript is the idea of...
Exploring Typescript(2): The Language
In the previous post we looked the tools we need to get Typescript transformed into Javascript to use in the browser. In this post we'll take a first look at the language itself and will discuss some...
Exploring Typescript: Setting up Typescript
Typescript is an interesting language. It's a typed superset of Javascript that you can compile to usable Javascript, either ES5 or later yearly versions of the language. Because it's not straight...
Creating a login system for web apps
I'm working on a starter application template to get me started when working on prototyping ideas. One of the things that I'm most interested on is how to create a login system for Express-based...