Using the attr() css function
The attr allows developers to pull data from HTML attributes into CSS. The idea is that, like data attributes and custom properties, you can use these bits of custom data to provide limited ways to...
Be Mindful Of The Reading Order
When we work with content for the web, we usually don't worry about the reading flow of a document, based on writing mode and writing direction. In Latin languages, we're used to right to left, to...
Getting The Codec Attribute For html video
In the last post we discussed encoding video using the FFmpeg command line tool as a way to compress video and test the results. We used h.264 (AVC), h.265 (HEVC), VP9 and AV1. This post will explore...
Compressing video is more than taking bits out
I've always been interested in video compression, particularly on how it works for the web. This post will cover these areas: Terminology necessary to understand the commands we will use What codecs...
Data attributes
Semantic HTML has an extensibility mechanism that allows adding extra data on elements using the data-* syntax. This replaces older hacks such as non-standard attributes, or extra properties on...
Is the great divide (still) a thing?
Who gets the job? In 2019, Chris Coyier wrote The Great Divide where he discusses the differences between different types of front end developers. This post will explore the great divide: what is it,...
Do we need people in charge of open source projects?
In episode 629 of Shoptalk Dave and Chris had an interesting discussion about Design ain’t a democracy an article by Robin Rendle, published in July 2024 and Miriam Suzanne's We don’t need a boss, we...
Installing manual dependecies in Homebrew
In macOS we have a few disadvantages when it comes to software version management. The good thing is that macOS developer tools do come with versions of Python and other software bundled as part of...
Managing CSS support in Javascript
Javascript has access to the conditional CSS tools that we have to work when working directly with CSS. This post will cover matchMedia (script support for media queries) and CSS.Supports...
Using Page Visibility
The PageVisibility API lets your application know when a page is visible to the user. While this information may seem irrelevant it enables the creation of Web pages that behave differently when they...