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 take one or two values. font-weight and font-stretch can take two values to represent the lower and...
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...
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 vh vmax: the larger of vw or vh The existing viewport units deal with physical properties. In this...
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 work and how they are different from each other. This post is my attempt at understanding and...
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 create new arrays from their input, keeping the source intact rather than replacing it. This allows...
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 array or objects into its individual elements. For example, with the following array: const obj = { ...
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 work properly. Instead of depending on the network (which may or may not be available) or caches...
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 Feature Queries, we used to code multiple values for the same rules and relying on the order of the...
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 generic types. There are times when we don't know the type of the parameters we want to use,...
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 features I've found particularly useful as I'm learning the language. Things to know about...