An all-purpose, ready-to-use design system for your website.
An all-purpose, ready-to-use design system for your website.
What it is, how it works, practical use cases, and examples.
The annual report on the accessibility of the top 1,000,000 home pages.
We now have a lot of ways to work with CSS Shapes.
“We only have such serious problems with Apple and Safari.”
The Chrome browser now supports CSS nesting rules.
“ChatGPT won’t replace developers. ChatGTP will replace StackOverflow.”
More and more app stores are welcoming Progressive Web Apps.
After years of development, WebGPU is getting released in Chromium 113.
The MDN documentation for WebGPU, the successor to WebGL.
“What’s it called when you fix a bug at your current job that you accidentally created when you were at your previous job?”
How the change affects a website’s web performance metrics.
How the upcoming CSS feature can enhance your web typography.
How a programmer’s experience of GitHub has changed over the years.
How should we build emails now?
Readonly amendments, json_validate() function, stack overflow detection, and more.
Does the rule “80-90% of the end-user response time is spent on the front-end” still matters?
“CSS tip: read the specs. That’s it; that’s the whole tip.”
The HSL color model has been king for over a decade; why choose another?
A vast repository with explanations, examples, and related links.
“Being overly clever with your code is a disservice to the programmer and the reader. It makes the code more difficult to understand and maintain and prevents others from learning from it.”
A way to considerably reduce the file size of a web font.
Articles to learn WebGPU, an API exposing GPU capabilities for the web.
“95% of my accessibility discussions end with: ‘…use semantic HTML’. It’s that simple!”
Linked images, CID embedding, inline embedding, and more.
Expected features in the upcoming ECMAScript version.
New ways to create dynamically calculated typography rules.
The ARIA Authoring Practices Guide now includes Assistive Technology Support tables.
A community-sourced collection of playgrounds for web developers.
Play, compare, and tune with the latest AI language models.
What if an internet connection was only progressive enhancement?
Pseudo-classes can help to conceal various kinds of empty elements.
Google’s AI chatbot is ready to assist you with programming tasks.
An alternative way to create custom typefaces and hand-drawn effects.
A powerful web-based 3D rendering engine.
What it is, how it works, and why it is so promising.
“My toxic trait is committing directly from the GitHub mobile app.”
You can now override HTTP response headers and add custom headers.
All the good things that have been added to the language recently.
WebKit now supports the W3C’s Badging API on iOS/iPadOS.
Learn how to run and contribute to an open-source project.
An online code editor for real-time collaboration, teaching, and interviews.
How to add empty ‘alt text’ to decorative pseudo element content.
“We implemented OAuth for the 50 most popular APIs. It is still a mess.”
How the latest CSS features can help to build a responsive layout.
The World Wide Web has changed our lives.
Some of the DevTools features you might not know about.
Vercel makes databases a first-class part of its frontend cloud.
Interactive demonstrations of pixel blending techniques.
Feature detection for modern CSS, inspired by the legacy of Modernizr.
Google will replace the lock icon in Chrome’s address bar with a new ‘tune’ icon.
The full-stack web framework brings a new approach to delivering instant apps at scale.
Just because you can style browser scrollbars doesn’t mean you should.
Expand your CSS design options with custom view queries.
What the arrival of the new WebGL means for programmers.
Building evolvable software systems is a strategy, not a religion.
Ways to optimize page loading, improve smoothness, and reduce layout shifts.
Sticky menus can hurt UX far more than they improve it.
Let’s build a chat application with a vector database.
A tool to create proportional scales for UI elements in design systems.
Smaller additions arrive this year; bigger ones are on the horizon.
A fresh approach to documenting browser support for web features.
Interaction to Next Paint (INP) becomes a Core Web Vital next year.
An interactive introduction to memory allocation with visuals and a playground.
Some ways to make underlined links look more attractive.
“PHP has become faster, more secure, and more enjoyable to use.”
Find out if an IP address is a threat.
How to know whether ‘example.zip’ is an URL or a filename?
Why the debut of .zip and .mov as top-level domains has caused a stir.
ChatGPT adds internet access and 70+ third-party plugins.
The problem of CSS Custom Properties defined on :root.
Proper layering facilitates the long-term evolution of a design system.
Further ways to create dynamic components with modern CSS.
Measure your website’s Time to First Byte (TTFB) from many locations worldwide.
Google’s web performance auditing tool now has a diff tool.
Why a front-end developer is anything but a mediocre coder.
Easily configure and generate an animated header for your website.
Watch a web page performing a live, annotated https request for itself.
CSS Nesting, CSS user valid and invalid pseudo-classes, and more.
Google remains on track to completely deprecate third-party cookies.
The top four languages are still the same for over a decade now.
“The ability to easily create quality 60 FPS page transitions is a game changer.”
Optimize web performance by identifying out-of-order head tag elements.
Bounce, spring, and elastic effects with the upcoming CSS linear() easing function.
“‘Pick the right tool for the job’ is always the right answer, especially when someone’s trying to debate you on why their tool is better than ‘your tool.’”
New HTML APIs for building popovers are coming to browsers.
How the new image format has been adopted in the ecosystem.
These forms are simple, but many websites still have mistakes.
What you risk when you rely on the CSS declaration ‘display: contents.’
Why stop with just a dark mode? Let’s go back to the future.
“To replace programmers with AI, clients will need to accurately describe what they want. We’re safe.”
Blend modes are a powerful way to create endless visual effects.
Let’s discover the potential of the new View Transitions API.