Winging It, with CSS Cascade Layers
episode 1If you’ve ever found yourself in a specificity war, you’ll understand how important having control over style priority can be. During our conversation, we discussed what CSS Layers are and how...
View ArticleWinging It, with htmx
episode 2During our conversation, we discuss what htmx is, how it improves user experience, and walk through some examples of common UI patterns using htmx.Repost from Winging ItSubscribe to the...
View ArticleClik here to view.
CSS Containers
I talk with Noel Minchow about CSS Container Queries, why they took so long, how they work, and what to watch out for.Repost from...
View ArticleClik here to view.
Demystifying CSS Container Queries
CSS Container Queries promise even more powerful styling approaches, but… what the heck are they? How do they actually work? Miriam joined Jason to teach and explore Container Queries in live...
View ArticleClik here to view.
Cascade Layers, CSS Functions, and More
I drop by the show to talk about CSS updates and news on container queries, rolling out cascade layers, !important things to remember, custom properties, exit animations, CSS functions, state queries,...
View ArticleClik here to view.
HTML Web Components are Just JavaScript?
I’m still getting used to thisThere’s been a recent flurry of articles about web components, with advice on how to shape them as extensions of HTML. I decided to dig in, and see how these ‘HTML web...
View ArticleClik here to view.
CSS @scope
Keep selector conflicts to a minimumThe new @scope rule is here! It’s a better way to keep our component styles contained – without relying on third-party tools or extreme naming conventions.Bookmark...
View ArticleClik here to view.
New Year, Same (Terrible) Mia
I don’t know where I’m going, but I’m on my wayIt wasn’t always a great year, but I’ve been moving the right direction. In 2024, the plan is to just keep moving. (maybe too literally)I don’t like to...
View ArticleCustom Element, Two ways
Sometimes I build a custom element, and then I have second thoughts about it.hotpinkteal#22f6#f226The first is just a clever use of CSS. The second (‘real’) custom element simplifies the markup, but...
View ArticleUser Styles
You’re allowed to have preferences. Set your preferences.I’ve been playing with user styles.Not like fancy site-specific styles, just setting the defaults that I want. Slightly larger text, nicer...
View ArticleA Slash-Why Proposal
What are you aiming for?Get yourself a fancy little manifesto page, and tell us all what you’re about.I’m working on a personal site refresh, oh so slowly. Part of the process has been considering what...
View ArticleEleventy Buckets & Cascade Layers
Solving a problem I createdI’m re-working this site from scratch – sticking with Eleventy, but moving from Nunjucks templates/macros to WebC and web components. Outside of static-site templates, one...
View ArticleWe don't need a boss, we need a process
(and our team will probably need some training)Robin says design ain’t a democracy,great design can only thrive with a dictator/directorI aim to push backEveryone can agree that design by committee...
View ArticleA web component for CodePen embeds?
It’s not essential, but it took me down a path…David Darnes already made a <code-pen> web component. It’s great. It takes code, and creates a pen from that code. But I don’t want to create a pen,...
View ArticleAggregating my distributed self
Where does all this content belong?Most of the content on this site is an aggregate view of my work in other venues. How do I want to manage that process going forward?It’s 2024, and I’m including this...
View Article