Running WordPress with Docker
There are many ways to run WordPress locally on your development machine. You can install MAMP/WAMP/XAMP or any other bundled LAMP stack, configure a database and install WordPress You can install...
Rounding numbers in Javascript
There are times when we need to round numbers to show on a web page. For example, we might want to round a number to two decimal places when showing currency values. It is tempting just to truncate...
Working with gradients in CSS
I'm not very partial to working with colors in general and with gradients in particular. They used to only be available when working with SVG and not CSS. At some point we gained the ability to work...
Font formats for the web and converting from one to another
Using fonts on the web has a longer story than many would think. The @font-face at-rule has been around since the early days of the web. Initially, there were no fonts on the web... the goal was to...
Color Fonts
CSS Fonts Level 4 introduces support for color fonts. The idea is that these fonts will be less resource-intensive because they will make fewer round trips to the server to manipulate the colors...
Creating a JSON schema
JSON Schemas allows us to create a schema for JSON data. This would allow us to validate the data and ensure that it is complete and has the correct structure. This would also address one of the...
How opinionated is too opinionated?
Part of my love/hate relationship with Rails is that I think it is too opinionated for its own good. It makes it easier for people to write apps if you accept the opinions that DHH and the Rails...
Text Shadows in CSS
I've always liked shadows as a way to give depth to content that would otherwise be flat and uninspiring. My first approach at creating shadows in CSS was to use box-shadow, primarily in title boxes...
CSS aspect ratio
In replaced elements, aspect ratio is the ratio of the width to the height of an image. Until recently we had to rely on the browser's calculations of "implicit" aspect ratios. Over time...
The :any-link selector
The :any-link styles all a elements with an href attribute. This allows us to target all links in a document, regardless of location or parents. This is particularly useful when playing with...