Practical guide to bundlers (Gulp, Webpack, Parcel) (opens in a new window or tab)
An attempt to explain and show real basic examples of bundling CSS and JavaScript with basic needs.
All Links
Simplifying Form Styles With accent-color (opens in a new window or tab)
The new CSS accent-color property makes it quick and easy to roll out our brand colors to certain form inputs by leveraging user agent styles.
3 Popular Website Heroes Created With CSS Grid Layout (opens in a new window or tab)
Creating website heroes - aka "headers" - with one of my favorite ways to use CSS grid layout: by turning it into a canvas.
What’s the right font size in web design? (opens in a new window or tab)
If you want your text to be read, set it at a sufficient size! But what is a good font size, and how can you apply it in your web design?
Not Your Typical Horizontal Rules (opens in a new window or tab)
Like other HTML elements, horizontal rules can be styled using CSS (and SVG).
Developer Decisions For Building Flexible Components (opens in a new window or tab)
In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs.
Less Absolute Positioning With Modern CSS (opens in a new window or tab)
Each time I work on a component that needs absolute positioning, I ask myself: is it really necessary?
Using the HTML title attribute (opens in a new window or tab)
When the title attribute is useful, and when it's not.
Vector? Raster? Why Not Both! (opens in a new window or tab)
This week I ran into an interesting class of problem that—in hindsight—could use a much better workflow.
Accessibility from the Ground Up (opens in a new window or tab)
So you are starting or restarting that website or webapp from scratch, and you want to do things well.
How to use 11ty with Headless WordPress and deploy to Netlify (opens in a new window or tab)
A straightforward how-to.
Fix dates on Eleventy RSS feeds (opens in a new window or tab)
Using Git commit time as a reliable time to use as modified or last updated time.
Issue #11 - print style sheets (opens in a new window or tab)
Improve user experience by providing a print style sheet for your website.
A Generative SVG Starter Kit (opens in a new window or tab)
This post aims to provide you with all the tools you need to start creating your own generative SVG art/design.
The State Of Mobile First and Desktop First (opens in a new window or tab)
Recently, I shared a Twitter poll about how many uses mobile-first vs desktop-first, and the results were interesting.
On the <dl> (opens in a new window or tab)
The <dl>, or description list, element is underrated. It's used to represent a list of name–value pairs. This is a common UI pattern that, at the same time, is incredibly versatile.
Writing great alt text: Emotion matters (opens in a new window or tab)
Good alt text means that screen reader users get the same 'meaning' from the page as a fully sighted user. But sometimes that's easier said than done.
My Accessibility Journey: What I’ve Learned So Far (opens in a new window or tab)
For the web to be truly accessible, everyone who makes websites needs to care about accessibility.
HTML Recipes (opens in a new window or tab)
Collection of useful HTML components.
How I Optimize My Website For Cognitive Accessibility (opens in a new window or tab)
Here is how I optimize my website for cognitive accessibility, taking guidance from users and the Web Content Accessibility Guidelines 2.1.