Custom Property controlled fluid type sizing
Simplifying Content Management With Eleventy.js and Netlify CMS
Recorded October 30, 2018. Sorry for the orange tint. I blame Halloween Content Management Systems do many different things. They come with several costs, th...
Turn Jekyll up to Eleventy
Paul Lloyd assembles a heavenly host of cherubs to sing the virtues of the Eleventy static site generator. By looking at how it compares to the familiar Ruby-based Jekyll (which we have espoused the v…
Hey, I’m Alex - Alex Carpenter
I’m a front-end developer who is passionate about building inclusive web experiences. Currently I’m teaching what I know about HTML, CSS, & JavaScript on YouTube.
Gridsome - Static Site Generator for Vue
We take a look at building a static site in Vue using Gridsome. Gridsome is heavily inspired by Gatsby which is the most popular static site generator in the...
Colorable
Color palette combination contrast tester
A Gutenburg-Powered Newsletter
I like Gutenberg, the new WordPress editor. I'm not oblivious to all the conversation around accessibility, UX, and readiness, but I know how hard it is
CSS Houdini Could Change the Way We Write and Manage CSS
CSS Houdini may be the most exciting development in CSS. Houdini is comprised of a number of separate APIs, each shipping to browsers separately, and some
Embed Tutorials and Resources - Digital Inspiration
Learn how to embed Flash videos, music, photographs, charts, calendars and everything else into your website.
How to create a dark\light mode switch in CSS and Javascript
In this tutorial, we'll take a look at how to create a dark color theme by updating the values of your color variables (CSS custom properties), and how to apply this new theme to a web project.
Generative
Endlessly unique ambient music
ABN-AMRO lening kieswijzer | De Voorhoede
Onze oplossing die het kiezen van de juiste lening gemakkelijk maakt
HTML, CSS, and the Path to Accessible Web Design
Founder of the RedMonk consulting group James Governor described inclusive design as “If you design for a set of scenarios that are not just the ones that 23-year-old, able-bodied white men in San Francisco have, things can perhaps be more valuable.” That’s not a bad comparison for the state of the current tech industry and who …
A Complete Beginner's Guide to Vue
Vue.js is a frontend framework that is optimized for progressive integration. T...
How to Defer Parsing of Javascript for YouTube Iframe Videos in WordPress
Embedded YouTube videos can slow down your site. "Lazy Loading" can help. Here's how to defer parsing of Javascript for YouTube iframe videos in WordPress.
Hot Take: Dark Mode
Read our blog post for a hot take on dark mode and some steps to help enable this feature in your app.
5 Tools For Automated Accessibility Audits
Some of the quickest accessibility wins can be simple fixes, but if you don't know what to look for, they can be hard to spot.
Bootstrap 4 Responsive Tabs to Accordions
Bootstrap 4 Responsive Tabs to Accordions...
Blurred Borders in CSS
Say we want to target an element and just visually blur the border of it. There is no simple, single built-in web platform feature we can reach for. But
Practical Healthy Foods
Asparagus - many of the elements that build the liver, kidneys, skin, ligaments, and bones are found in green asparagus. Helps in the formation of red blood corpuscles. The green tips are high in vitamin A.
https://alexfox.dev/laxxx/
Colors that look and work great for everyone
A modern tool for exploring and finding accessible colors. Make sure that everyone can see your creations.
GoogleChromeLabs/quicklink
⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time - GoogleChromeLabs/quicklink
CSS Variables + calc() + rgb() = Enforcing High Contrast Colors
As you may know, the recent updates and additions to CSS are extremely powerful. From Flexbox to Grid, and — what we’re concerned about here — Custom
Text Wrapping & Inline Pseudo Elements | Jay Freestone
An overview of the best way to put an icon next to copy, while preventing it wrapping onto the next line.
Do CSS Custom Properties Beat Sass Loops?
I reckon that a lot of our uses of Sass maps can be replaced with CSS Custom properties – but hear me out for a sec. When designing components we often
vb/lazyframe
🛀🏽 Dependency-free library for lazyloading iframes - vb/lazyframe
Defer Parsing of JavaScript With YouTube Videos
Deferring parsing of JavaScript is one of those messages that you get on sites like GTmetrix and other page speed sites that may sound like it's from another planet. What on Earth does defer parsing..…
The Process of Implementing A UI Design From Scratch - Ahmad Shadeed
There are many ways to build a layout in HTML & CSS, and every developer has his own way of doing it. Getting to know the thinking process inside a Front...
See No Evil: Hidden Content and Accessibility
When I first started learning web development I thought hiding content was simple: slap display: none; onto your hidden element and call it a day. Since then I’ve learned about screen readers…