DesignTools
The impact of AI on front-end information architecture
Can AI amplify the work of information architects?
DevelopmentSamples
Testing HTML with modern CSS
How to mark problematic HTML patterns without JavaScript.
DesignOpinions
Why it seems like the sky is falling for digital design
The digital design industry evolves, but we can adapt.
DevelopmentOpinions
Front-end development’s identity crisis
What am I – and if so, which ones?
BusinessResources
Google explains how it chooses canonical webpages
Why duplicate pages can be important for SEO.
DesignSamples
LogoFav
A searchable and filterable collection of company logos.
DevelopmentResources
New to the web platform (March 2024)
The latest browser features at a glance.
DesignTools
Penpot 2.0 is now yours to explore and enjoy
The next level of the design/development tool is here.
DevelopmentSamples
The debugger’s toolkit
How to master the art of troubleshooting code.
DesignOpinions
Figma prototypes vs. HTML prototypes
“Do the cheapest thing to test your idea.”
DevelopmentResources
Understanding Interaction to Next Paint (INP)
How the new web performance metric works.
DesignResources
Open Fonts NoirBlancRouge
The open-source fonts of the Paris-based type foundry.
DevelopmentTools
Release notes for Safari Technology Preview 192
You can now get a sneak peek of View Transitions in Safari.
DevelopmentOpinions
People are bailing on Safari after DMA impact
Indie browsers report significant spikes in users.
DesignSamples
Making version noir
A responsive homepage which takes the form of a comic.
DevelopmentResources
WebAssembly adoption
Is slow and steady winning the race?
DevelopmentOpinions
Distributed SQLite: Paradigm shift or hype?
Web apps can already become globally blazing fast.
DevelopmentSamples
Creating perfect font fallbacks in CSS
The power of ‘size-adjust’, ‘ascent-override’, and ‘descent-override’.
BusinessSamples
Distribute ideas, not content
Tie together all content efforts with a central idea.
DesignResources
Writing a great UX/UI portfolio case study
How do you stand out from the crowd?
DevelopmentOpinions
‘AI’ won’t solve accessibility
“We already have all the technology to make wide-spread accessibility a reality.”
DevelopmentSamples
Blockin’ bots
How to block AI bots effectively with your site’s .htaccess.
BusinessTools
EchoFeed
Send your website or blog posts all over the web.
DesignTools
Minipic
Quickly convert and compress your images locally.
DevelopmentTools
Web Check
Get insights into the inner workings of your website.
DevelopmentResources
Faces.js
Generate vector-based cartoon faces with a JavaScript library.
BusinessTools
Self-Hosted Software
A collection of applications/alternatives for self-hosting.
DesignSamples
Some of the best free fonts
“They can help your content land the way it deserves to.”
DevelopmentSamples
Layered toggles: optional CSS mixins
“The next evolution of space and cyclic toggles.”
DesignResources
WordPress Patterns
A collection of block patterns for your WordPress site.
DesignOpinions
AI UX-design tools are not ready for primetime
“AI tools won’t be replacing UX designers any time soon.”
DesignResources
Ethics in times of growth design
The challenge of aligning user and business needs.
DevelopmentSamples
CSS tricks to master the ‘clip-path’ property
Techniques that can simplify the creation of CSS shapes.
DesignTools
Deblank Colors
Inspirational color palettes tailored to your vision.
DevelopmentOpinions
CSS in React Server Components
Understanding the future of CSS-in-JS and React.
DesignOpinions
Don’t use ‘maxlength’ to restrict user input
Let users fix a mistake they aren’t aware of.
DesignOpinions
UX design is rapidly changing
“It is frightening and exciting at the same time.”
DevelopmentSamples
HTMX is so cool I rolled my own
“The philosophy behind it embarrasses the modern JavaScript developer.”
DevelopmentTools
New in Chrome 124
Better view transitions, new declarative shadow DOM APIs, and more.
DesignSamples
Invisible success
Showcasing a well-designed, accessible table component.
DevelopmentFun
Centering things
The hardest nut to crack in computer science.
DesignResources
Are web-safe fonts still relevant in 2024?
“Web-safe fonts are not web-safe anymore.”
DevelopmentOpinions
Mixins three ways
“The web community isn’t done with mixins yet.”
BusinessResources
Who should block AI bots?
There is no confident one-size-fits-all answer.
DevelopmentResources
Upgrading jQuery
It’s important to keep your jQuery version up-to-date.
DevelopmentTools
Chrome 125 beta
CSS anchor positioning, keyboard-focusable scroll containers, and more.
DesignSamples
How to test your UX content for inclusivity
Checking your content’s resonance with diverse users.
DevelopmentResources
CSS ‘align-content’ for block layouts is now part of Baseline
Easier block direction alignment without CSS flexbox/grid.
DevelopmentSamples
The showy/hidey navigation bar
How to build the popular navigation bar pattern.
BusinessTools
Evolving the Wolvic interface
Past achievements and future plans for the XR browser.
DevelopmentResources
Coming soon to JavaScript near you?
Some striking TC39 stage 2 proposals currently in the works.
DevelopmentResources
A primer on the cascade and specificity
Two of the most fundamental parts of CSS explained.
BusinessTools
AI isn’t useless, but is it worth it?
“I’m not sure that a ‘kind of useful’ tool justifies the harm.”
BusinessOpinions
Deprecating third-party cookies
A small step towards a more private web.
DevelopmentOpinions
Why PHP usage has declined by 40% in just over 2 years
What WordPress’s shift to ‘JavaScript-first’ means for PHP.
DevelopmentTalks
PHPUgly
“The podcast your mother warned you about.”
DevelopmentSamples
Announcing Mini Web Machines
A video series featuring code bits that power great UX.
BusinessOpinions
The analog web
“What you create on the web can be whatever you want it to be.”
DevelopmentResources
Introducing JS Naked Day
Let’s disable JavaScript on our sites or surf without it on April 24th.
BusinessResources
No Web Without Women
Innovations by women within computer science and technology.
DesignResources
Super~Goods
Inspiring links on digital culture, communication, and design.
DevelopmentTools
Gobble Bot
A scraper to digest your content into one text file.
DevelopmentResources
Considerations for AI opt-out
The current status of website AI opt-out mechanisms.
DevelopmentSamples
Long alt text
Ways not to write text descriptions for images.
DesignSamples
Moving away from primary, secondary and tertiary buttons
Benefits of favoring emphasis over hierarchy in button design.
DevelopmentResources
Help us invent CSS Grid Level 3
How should CSS handle masonry-style layouts?
DevelopmentResources
What even are dragging movements?
Ways to make dragging patterns more accessible.
DevelopmentResources
CSS Shape
A collection of easily customizable CSS-only shapes.
DesignResources
The art of design system recipes
How recipes enhance the ecosystem of your design system.
BusinessTools
Google confirms links are not that important
It looks like links matter less in SEO than ever before.
DevelopmentResources
The Front-end Developer/Engineer Handbook 2024
An in-depth guide to front-end skills, tools, and tech.
DesignResources
F-shape pattern and how users read
Design techniques to prevent harmful scanning patterns.
DevelopmentResources
The slow death of CSS vendor prefixes
Which CSS properties still require a prefix?
DevelopmentTools
These weeks in Firefox (issue 159)
Better performance, popover API support, and more.
DesignTools
Adobe makes it easier to use Photoshop’s AI tools
Photoshop now runs a more powerful Firefly model.
DevelopmentSamples
Invoking elements by using only HTML
“Something we need and probably long overdue.”
DevelopmentResources
HTML attributes vs. DOM properties
What fewer and fewer developers seem to know.
DesignResources
How the meaning of color varies per culture
Think twice before randomly picking nice colors for your UI.
BusinessOpinions
Google delays third-party cookie demise yet again
No specific timeline was given beyond hoping for 2025.
DevelopmentSamples
The problem with ‘new URL()’ in JavaScript
And how the addition of URL.parse() fixes it.
DevelopmentOpinions
Why don’t we talk about minifying CSS anymore?
It’s no longer a significant concern for developers.
DesignResources
Font licensing explained like a human
A brief primer to the basics of font usage rights.
DesignResources
Neurodiversity and UX
Designing for people with cognitive and learning disabilities.
DevelopmentResources
GitHub’s keyboard shortcuts
Almost every page on the developer platform has one.
DevelopmentSamples
Signs your front-end code has quality issues
Issues that have a negative impact on your users.
DevelopmentResources
Detect JavaScript support in CSS
Pros and cons of using the ‘scripting’ media feature.
DesignOpinions
Content design 3.0
The shift towards a new paradigm in content design.
DevelopmentResources
Popover API lands in Baseline
Another great CSS feature landed across all major browsers.
DevelopmentSamples
How web bloat impacts users with slow devices
Why web performance deserves greater attention.
BusinessResources
Net neutrality is back!
“The decision reaffirms the internet remains a public resource.”
BusinessTrends
The end of the free tier
“Free tiers should attract users rather than trap them.”
DevelopmentSamples
Write better CSS with modern CSS
New CSS features can help you streamline your code.
BusinessResources
Map of the web
The web universe with 50,000 sites/blogs and links.
DevelopmentResources
CSS Specisithity
A playful illustration of the CSS specificity wars.
DesignTools
SVG Viewer
A tool for editing, optimizing, and converting SVGs.
BusinessResources
A good image tells a good story
How to choose visuals that support your narrative.
DevelopmentSamples
Images as the first thing in a button or link
How they can bother users of assistive technology.
DesignTools
VisBug v0.4.0
The ‘Firebug for designers’ continues to get better.
DevelopmentResources
Six levels of dark mode
The many ways of light/dark mode differentiation.
DesignOpinions
The polish paradox
The more you polish, the less you see.