JSON-LD on the web
JSON-LD is a set of extensions to JSON that allows for creating and exchanging linked data on the web. Perhaps the best-known use of JSON-LD outside semantic web users is using schema.org's JSON-LD...
Feature detection and vendor prefixes in CSS
CSS has had to deal with vendor prefixes from very early on and some of those prefixes are still in use today. This post will look at how to use prefixes and how to automate the process, and how to...
Feature detection in Javascript
One thing that makes the web difficult to work with is that a given feature may or may not be available in all your target browsers either because of the version of EcmaScript (the Javascript...
Uninstalling Go on Mac
Homebrew is good but it introduces some complexity to your development, particularly if you've installed tools manually before they were available via Homebrew. One of the really problematic tools to...
New CSS selectors: :is and :where
A pair of new pseudo-class selectors have made it easier to write CSS in a way that is easier to read and to reason through. :is and :where allow you to combine selectors that have the same styles....
CSS Containment and container queries
It looks like CSS containment will finally bring container queries into browsers without the need for a polyfill. This post will discuss the current implementation in Chromium browsers. Note: The...
Asking the user for permission
There are times when you're using an API when it would be nice to know what's the permission status is for a given API. The Permission API works around two concepts: permissions and "powerful...
Writing tree-shakeable code
Tree shaking has become one of the most popular performance features when working with bundlers. The idea behind tree shanking is that: You declare all of your imports and exports for each of your...
Constructable style sheets
One of the outstanding issues about web components is CSS reuse. Right now we either have to use ::part to create an external stylesheet to match the specified parts of the document or encapsulate...
Web Components: what they are and where are they?
Web Components are a set of specifications that address one of the biggest shortcomings of HTML. We're stuck with what the spec says we have and the browser implementors decide to give us... At least...