Updates to @font-face (2023)
With new CSS technologies, it's good to look at new or updates descriptors inside the @font-face at-rule. font-weight, font-style and font-stretch # font-weight,font-style, and font-stretch can now...
Testing Mermaid
graph LR; A[Want graphs in 11ty] -->|Search Plugin| B(Found plugin); B --> C{Use plugin?}; C -->|Yes| D[NICE GRAPHS]; C -->|No| E[NO...
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...