Optimize Interaction to Next Paint
Web performance optimization for the Interaction to Next Paint metric.
Web performance optimization for the Interaction to Next Paint metric.
A year-end celebration of fundamental web technologies: HTML, CSS, and JavaScript.
What if you could write CSS based on HTTP responses?
A data visualization framework for React, Angular, Svelte, and vanilla JavaScript or TypeScript.
The thought process behind building an article layout with CSS techniques.
How web performance tools and technologies have changed in 2022.
The HTML element ‘selectmenu’ is like ‘select’ but with styling options.
What’s broken with current solutions, and how we could achieve wider adoption.
Use cases for the shiny new CSS Container Size Queries.
The framework for building web apps on top of Svelte has reached 1.0.
It’s too early to bring the Accessibility Guidelines 2.0 to the junkyard.
Should we really drop the promising new JPEG XL image format?
“Having a modern API to talk to GPUs on the web is going to be very interesting.”
Sometimes logical properties for border radius might be a good idea.
Daily projects you can build to improve your coding skills.
The UI component builder improves UX, performance, docs, and more.
“Forms offer some of my favorite use cases for CSS :has().”
Auto-publish blog posts without the need to spin up an instance of Mastodon.
An exploration of the new Style Queries with many use cases and examples.
A weekly series of online courses on topics in the JavaScript ecosystem.
“Nothing says you’ve hit middle age like finally deciding not to renew that domain you’ve had and never used for 21 years.”
Experience a WordPress that runs entirely in your browser.
When digital is society’s default, slow is exclusionary.
Is your website a bit too rectangular? Break out of the box.
Let’s make an app fast while maintaining a framework-less developer experience.
The HTML ‘rel’ attribute has the potential to take the internet to the next level.
A look at each usability heuristic and the applicable WCAG 2.1 success criteria.
Should we use Sass in 2022/2023? Is it still relevant and helpful?
The JavaScript way: learn once, write everywhere.
Beautify your code for presentations and social media.
Hand-code an SVG snowflake or use the Snowflake Machine.
What prioritization is, how it works, and why it matters for web performance.
New CSS specs will change how we work with color on the web.
The solution even works with the oldest browsers.
“Software documentation is one of those things that you don’t appreciate until you have to work without it.”
Where JavaScript frameworks might be heading into the next year.
It’s a great time to start to play with the new CSS feature.
Mozilla has frozen another part of its UA string for compatibility.
Add a handy “Share to Mastodon” link to your website or blog posts.
A complete open source authentication solution for Next.js applications.
There’s a JavaSript event that tells you when all fonts have loaded.
A way to compress images selected with a file input element.
Build, test, and send transactional emails at scale.
It would suck, so let’s not have that happen.
Individual open source web components with zero or few dependencies.
A new way to interact with APIs: create requests using human language.
Trending projects in the JavaScript ecosystem over the last 12 months.
A conversation with the popular AI chatbot.
A Chrome extension that lets you track and limit the time you spend on websites.
Breaking down complex applications into smaller, deployable components.
An in-depth comparison of popular Content Management Systems.
A comprehensive collection of AI-powered tools and services.
A new way to learn how to create reusable custom HTML elements.
How to wire up all of the different form controls in React.
Why it’s worth to think of CSS as a conditional design language.
“The hard thing is solving complex problems with simple code.”
JavaScript and TypeScript are more vibrant than ever.
How script injection using document.write() hurts web performance.
MathML Core is now supported and enabled by default in Chrome 109.
Things you can do to improve your website performance effectively.
“How many web developers does it take to change a lightbulb? None, they insist everything has to be in Dark Mode.”
Now you can use SQLite Wasm with the Origin Private File System persistence backend.
The powerful new CSS pseudo-classes explained.
Leverage :has() to select all siblings between two boundaries.
Google is bringing the Rust language into Chromium.
The evolution of CSS and its methodologies.
CodeSandbox now lets you create sandboxes for any programming language.
CSS initial letters, web app launch handler, IFrame credentialless, and more.
“Under-engineer. That’s almost always better for usability and accessibility. Simple solutions are almost always more robust.”
When a light and a dark mode are not enough.
Unique Ids for modern applications: UUIDs/GUIDs vs. Cuid2.
Ratio-based line height will always be proportionate.
The independent, Rust-based browser engine will begin to take shape.
The current state of the scripting language: a look back and forward.
A demo and an explanation.
From improving code to tracking bugs, writing test cases, and documentation.
Options to store data locally on a user’s device for client-side or offline access.
Project Fugu aims to make web apps as powerful as native apps.
Igalias motivation behind the work and the current status of the project.
“Automated accessibility checkers lack the context of a page and user.”
The impact of CSS selectors on page speed and how you can measure it.
It matters if you use tabs or spaces for indentation in code editors.
How you can create advanced CSS selectors with :has().
What you need to know about Regular Expressions for daily usage.
Content collections, hybrid rendering static/dynamic, and more.
What to consider when you’re planning a new open source project.
How you can use light and its properties to recreate amazing 3D effects.
“It’s absolutely wild that being good at interviewing for the developer job and being good at the actual job are two completely separate skills.”
GitHub is celebrating 100 million users around the world on its platform.
The proposed new success criteria for Web Content Accessibility Guidelines (WCAG) 2.2.
The reliable way to detect if a user scroll is complete.
CSS Nesting, declarative Shadow DOM, ARIA for custom elements, and more.
Smaller, simpler, faster, and many new features such as ECMAScript decorators.
An HTML spec change to the dialog element resolves a multi-year discussion.
How JAWS, NVDA, and Narrator deal with ‘strong’, ‘em’, and the like.
What to expect from the new success criteria in the Web Content Accessibility Guidelines 2.2.
Cloudflare becomes the most popular web server, surpassing Apache and nginx.
Framework-agnostic PWA integrations for Vite and the ecosystem.
Mix colors, in any of the supported color spaces, right from your CSS.