DevelopmentResources
First catalog of web features completed
The WebDX Community Group has hit a milestone.
DevelopmentResources
The customizable select (part 1)
Easier styling of an HTML ‘select’ with CSS.
BusinessTools
AI search engines are wrong too often
Study results on ChatGPT, CoPilot, Gemini, Perplexity, etc.
BusinessResources
Your email open rates are wrong
Why they aren’t accurate but are still useful.
DevelopmentOpinions
Not good for the web
“The web will suffer should Google be forced to sell Chrome.”
DesignSamples
Our interfaces have lost their senses
Let’s put the you back in UI!
DesignTools
Your life in weeks
Document your life’s journey on your website.
DevelopmentSamples
CSS pulse animation
A trendy pulse effect for your video play button.
DevelopmentResources
StringTune
A JS library to create fast, modular web effects.
DesignResources
somepx
An excellent set of handcrafted pixel fonts.
DesignTools
PostSpark
Craft impressive screenshots, mockups, and post images.
DesignSamples
F-shaped reading
Often applies to content pages on the web.
DesignOpinions
Figma’s not a design tool
“It’s a Rube Goldberg machine for avoiding code.”
DevelopmentResources
Popping preconceived popover ponderings
Demystifying the HTML ‘popover’ attribute.
DevelopmentSamples
Cool native HTML elements
“There’s something new here for you too.”
DevelopmentTools
Baseline tooling
The Web Platform Dashboard and its HTTP API explained.
DesignOpinions
Free and open access in the age of AI
“The real threat isn’t AI using open knowledge.”
DesignTools
GIMP 3.0
The image editor’s latest version, 7 years in the making.
DevelopmentTools
Firefox is (re)adding support for web apps
What to expect from the browser’s delayed PWA support.
DevelopmentSamples
A fluid CSS methodology
A contemporary approach to fluid web design.
DesignOpinions
Breadcrumbs are dead in web design
“It’s time to embrace adaptive, user-centric navigations.”
DevelopmentSamples
How I use AI to help me write code
“I’ve been getting great results for over two years now.”
DesignResources
The 3 boring secrets of great UX copy
Great UX copy feels effortless to read.
DesignTools
Penpot’s pricing
The present and future pricing of the Figma alternative.
DevelopmentOpinions
PerformanCSS
“How CSS relates to web performance is a funny dance.”
DesignResources
“Can you simplify this?”
Ways to streamline too much information.
BusinessOpinions
Google’s Muller cautions SEO pros
As web technologies change, SEO must change, too.
DevelopmentSamples
My Cursor AI workflow that actually works
“Using AI for coding isn’t perfect, but it makes me faster.“
DevelopmentResources
CSS self gap
Custom gaps between some ‘flex’ or ‘grid’ items.
DevelopmentSamples
The bare minimum for CSS view transitions
An instant win for your website’s user experience.
DesignSamples
The 14 types of onboarding UX/UI
Powerful onboarding patterns to engage users.
DevelopmentResources
Baseline and polyfills
When should you use a polyfill for a web feature?
DevelopmentResources
Harper is in Cursor and VS Code
A grammar checker for your code editor.
DevelopmentSamples
HTML button groups for keyboard users
Keyboard-friendly ‘menu’, ‘menubar’, ‘toolbar’, and ‘tablist’.
BusinessTools
Claude can now search the web
The AI chatbot starts providing up-to-date responses.
BusinessSamples
Tips for retiring digital products
How to make the process smoother for everyone.
DesignSamples
Hyper-personalization
A practical guide to scalable individualized UX design.
DevelopmentOpinions
Vibe coding is a dangerous fantasy
When no-code AI dreams become nightmares.
DevelopmentResources
Trapping bad bots in a labyrinth
Cloudflare can now punish bots breaking ‘no crawl’ rules.
DevelopmentSamples
CSS animation with ‘offset-path’
Motions along paths without using JavaScript.
BusinessSamples
Pushing side projects with little time
Side projects alongside work, family, and friends.
DesignTools
Oklchroma
Generate harmonious color scales based on OKLCH.
DevelopmentSamples
Everyone’s a geek about something
If you are a geek, you are in good company.
DesignResources
Triple Threat SVG icons
A set of icons in 3 states (normal, hover, and selected).
DesignResources
Consistent drop shadows across platforms
Matching shadows in CSS, Figma, Sketch, Android, and iOS.
DesignOpinions
In defense of fluid typography
A discussion on reimagining fluid typography.
DesignOpinions
Simplification takes courage
“Simplicity isn’t the absence of complexity, but rather complexity resolved.”
DevelopmentSamples
Revisiting CSS ‘border-image’
“It remains one of the most underused CSS tools.”
DesignOpinions
AI is the future of accessibility
“Let’s treat AI not as a threat, but as a tool we must shape.”
DevelopmentSamples
Previewing content changes
Ever tried your browser’s edit mode for the web?
DesignSamples
Can AI write contextual alt text?
Putting the 5 most popular AI models to the test.
DevelopmentResources
CSS customization for the ‘select’ element
Chrome 135 brings the new property ‘appearance: base-select’.
DevelopmentSamples
Navigation for keyboard users
How to build a keyboard-friendly navigation.
DevelopmentSamples
Coding backwards
A new approach for traditional and AI-assisted developers.
DesignSamples
Design handoff is broken
Beyond the limitations of traditional design handoff.
DevelopmentResources
Minding the gaps
A new way to draw separators in CSS.
DesignTools
Making the move to UI3
Figma’s transition to a redesigned user interface.
DevelopmentResources
Find-in-page highlight styling
CSS now lets you customize find-in-page markers.
DesignTools
Introducing 4o image generation
OpenAI has built its top image generator into ChatGPT.
DevelopmentOpinions
‘aria-label’ is a letdown
“One in three ‘aria-label’ implementations have likely issues.”
DevelopmentTools
Before choosing Next.js
What to know about the web development framework.
BusinessSamples
Build websites like it’s 2005
“Back to basics, forward to the future.”
BusinessResources
Website downtime and slowtime costs
Speed issues can hurt your business more than outages.
DevelopmentOpinions
The case for “old school” CSS
Beyond “this(my) way is the best way.”
DevelopmentResources
CSS Mixins are ready to explore
How you can enable the feature in Chrome Canary.
BusinessSamples
Google needs to learn how to soar
Search’s future, built for users and the open web.
DevelopmentTools
Meet Declarative Web Push
iOS/iPadOS 18.4 beta simplifies Web Push for developers.
DesignResources
A visual overview of 70+ UX metrics
The many ways to measure user experience.
DesignSamples
The fallacy of optical alignment
“You don’t have to nudge, you can measure instead.”
DevelopmentTools
Servo vs. Ladybird
The current state of the two open-source browsers.
DevelopmentSamples
Common pitfalls in developer content
The 7 deadly sins of developer documentation.
DevelopmentOpinions
Is CSS-in-JS still a thing?
What worked, what didn’t, and what’s next.
DevelopmentSamples
How do we evolve CSS logical shorthands?
There are options, but one major roadblock.
DevelopmentSamples
Item Flow (part 1)
A new CSS layout concept uniting Grid, Flexbox, and Masonry.
DevelopmentResources
Writing blog posts developers read
“The biggest mistake software bloggers make is meandering.”
DesignSamples
A/B Test Design
Mobile design successes enabled by A/B testing.
DesignTools
Reve Image
An AI tool built to create beautiful visuals and lettering.
DevelopmentSkills
‘Div’ided we Fall
A fun HTML and CSS learning game.
DevelopmentTools
Cascii
A web-based ASCII and Unicode diagram builder.
DesignSamples
From real to digital
How UI components are inspired by real-world objects.
DesignResources
Symbl
A collection of symbols for designers and developers.
DevelopmentResources
Must-know Interop features 2025
A learning guide for the next couple of months.
BusinessResources
Meet LLMs.txt
A proposed standard for AI website content crawling.
DevelopmentResources
WebKit features in Safari 18.4
An epic tour of the new features in WebKit.
DevelopmentSamples
Poisoning well
An effort to dupe nasty AI crawlers with nonsense.
DevelopmentResources
Mind the WCAG automation gap
What can automated tools test without humans?
DevelopmentSamples
Toon Titles
Cartoon titles brought to life with CSS, SVG, and SMIL.
DevelopmentResources
MCP
The standard for a shared language between AI and apps.
DevelopmentResources
The burden of custom form validations
When over-engineered form validations backfire.
DevelopmentSamples
The WebAIM Million 2025
Accessibility of the top 1,000,000 home pages.
DesignResources
UX guidelines for better URL design
A closer look at what makes an effective URL.
DevelopmentOpinions
Dangers of the ‘Vibe Coding’ movement
“Vibe coding is catastrophic for any serious software.”
DevelopmentSamples
Automated visual regression testing
How to use Playwright’s visual comparison feature.
BusinessResources
Vision, mission, strategy
How the concepts differ and why they matter.
BusinessResources
Comparing WCAG, EAA, and EN 301 549
What they mean for businesses/organizations worldwide.
BusinessResources
Making :visited more private
Chrome addresses a decade-old security issue.
DesignOpinions
Design is cumulative forward intent
“I don’t want your generative AI for design.”
DevelopmentResources
Forbidden request headers
Some request headers are more trustworthy than others.
DevelopmentSamples
First look at the modern attr()
A new way to use CSS with HTML data attributes.
DevelopmentTools
GodSVG
An open-source editor for Scalable Vector Graphics.