DevelopmentResources
Content hiding techniques and accessibility
How accessible is hidden content using HTML, CSS, ARIA?
DevelopmentSamples
Web components without jumping from 0 to 100
How you can start small with custom HTML elements.
DevelopmentSamples
Conditionals on Custom Properties
What if CSS had an ‘if’ function?
DevelopmentOpinions
Speculative Rules API
A new iteration in the browser preloading journey.
DevelopmentResources
UUIDv7 in 20+ languages
“It’s an excellent choice for record identifiers in databases.”
DevelopmentSamples
Absolute positioning with CSS Grid
CSS Grid makes overlapping elements a breeze.
DevelopmentResources
Inline conditionals in CSS?
The W3C CSS WG agreed to add an inline if() to CSS.
DevelopmentResources
Valibot
A new approach to data validation in JavaScript.
DevelopmentOpinions
Use of CSS ‘ch’ unit considered inappropriate
What’s the proper way to limit the length of a text line?
DevelopmentResources
How to make CAPTCHA accessible
CAPTCHA accessibility challenges, remedies, and alternatives.
DevelopmentSamples
Mask image is pretty handy
A simple way to make your web design more unique.
DevelopmentResources
Rust growing fastest, but JavaScript reigns supreme
The Rust user base has doubled in the last two years.
DevelopmentOpinions
State of JavaScript 2023
Discover what JavaScript has been up to lately!
DevelopmentResources
Know the HTML ‘search’ element
The latest member of the HTML family explained.
DevelopmentResources
Announcing TypeScript 5.5
The typed JavaScript language brings exciting new features.
DevelopmentResources
Inline conditionals in CSS, now?
Current workarounds for the missing if() in CSS.
DevelopmentResources
Footnotes progressively enhanced to popovers
An excellent UX upgrade for your footnotes.
DevelopmentSamples
Fix scroll ‘bounce’ with CSS: some gotchas
Things to review when disabling browser overscroll.
DevelopmentResources
No no-JavaScript
The old JS vs. the new CSS way to detect JavaScript.
DevelopmentSamples
The overlap between search bots and AI scrapers
Why robots.txt alone won’t keep AI off your website.
DevelopmentOpinions
So your website or app is live… now what?
Now you can make “the biggest mistake in UX design.”
DevelopmentResources
New JavaScript ‘Set’ methods
Benefits of these methods illustrated by examples.
DevelopmentSamples
Popovers also work as slide-out drawers
Perfect for mobile and effective on larger screens.
DevelopmentSamples
The search for the perfect coding font
What makes a font suitable for writing code?
DevelopmentResources
Ecma International approves ECMAScript 2024
What’s new in the officially authorized web standard.
DevelopmentResources
Poppin’ in
Say hello to the handy new Popover API.
DevelopmentResources
When you should fix pages 404 status codes
Google says “Fix those that actually will help users.”
DevelopmentTools
Theme Machine
Pick your colors, build palette, get CSS variables.
DevelopmentOpinions
HTMX does not play well with content security policy
“The attack surface of HTML injection greatly increases.”
DevelopmentSamples
A structured approach to custom properties
How can we manage CSS variables effectively?
DevelopmentResources
Browser support tests in JavaScript
Code snippets to check web feature availability.
DevelopmentTools
netbeep
Hear what’s going on online behind the scenes.
DevelopmentSamples
Cool URIs don’t change, but humans do
Human-friendly URLs can be both stable and flexible.
DevelopmentTools
Theia IDE challenges Visual Studio Code
The open-source code editor is now generally available.
DevelopmentResources
New to the web platform (June 2024)
The latest browser features at a glance.
DevelopmentSamples
YouTube embeds are bananas heavy
Lighter ways to add YouTube videos on your website.
DevelopmentTools
No prompt injections or face consequences
Microsoft warns web admins not to attack Bing’s AI models.
DevelopmentTools
Announcing the Ladybird Browser Initiative
An independent open-source web browser spread its wings.
DevelopmentTools
HTTP Observatory
Actionable security insights for your website.
DevelopmentOpinions
A eulogy for DevOps
DevOps aimed to improve deployment but caused delays.
DevelopmentTools
Declare your AIndependence
Cloudflare now lets you easily block AI bots.
DevelopmentOpinions
Thoughts on Node.js, Deno, and Bun
A comparison of the server-side JavaScript runtimes.
DevelopmentSamples
How to use CSS Container Queries now
Can Container Queries already be used in production?
DevelopmentSamples
Feature detect CSS @property support
Testing browser support for custom property definitions.
DevelopmentResources
What is Mixed Content?
Ensuring site-wide HTTPS under the latest standard.
DevelopmentResources
What progressive enhancement actually is
Why everyone should get their optimal browsing experience.
DevelopmentTools
Keyboard Simulator
A lab for keyboard fans to design their favorite model.
DevelopmentTools
Tiny Scan
An online tool to get in-depth insights into web addresses.
DevelopmentSamples
CSS one-liners to improve (almost) every project
Tiny code snippets with before and after shots.
DevelopmentResources
Digital Trust Index 2024
“94% of European websites fail accessibility requirements.”
DevelopmentSamples
Dynamic type on the web
Can iPhone/iPad settings change a website’s font size?!
DevelopmentTrends
PHP version stats (July 2024)
The current PHP versions used across the community.
DevelopmentTools
Interop 2024 mid-year update
Half-year report on resolved front-end developer issues.
DevelopmentResources
Entering text in the terminal is complicated
What you can do to enhance the input experience.
DevelopmentResources
Zoom, zoom, and zoom
The three types of browser (and CSS!) magnification.
DevelopmentResources
‘If’ CSS gets inline conditionals
What to expect from an exciting new CSS proposal.
DevelopmentResources
The first local‑first conference in 15 minutes
Highlights from the thriving movement’s inaugural event.
DevelopmentSamples
Responsive video
How can we deliver the right-sized videos to save bandwidth?
DevelopmentSamples
Button width styles
Why should a button have a min-width?
DevelopmentResources
State of text rendering 2024
The evolution of OpenType and open-source text stacks.
DevelopmentSamples
Eyebrow heading dots
How modern CSS can refine a tiny design pattern.
DevelopmentTools
Seamless SVG copy-paste on the web
Now supported in Microsoft Edge and other Chromium browsers.
DevelopmentTools
What’s coming next for ESLint
The popular JavaScript linter becomes language-agnostic.
DevelopmentResources
Accessible SVG Forms
How to build accessible, visually rich form elements.
DevelopmentResources
@property
Another exciting CSS feature lands in all major browsers.
DevelopmentResources
Misconceptions about view transitions
With growing API interest, let’s clear up some myths.
DevelopmentFun
CSS Games
A collection of games built with just HTML and modern CSS.
DevelopmentSamples
The 3 types of CSS utility classes
“Composing primitives is what makes front-end development fun.”
DevelopmentSamples
Composition of JavaScript functions with multiple parameters
Concepts, techniques, and practical examples.
DevelopmentSamples
The magic of clip path
“‘clip-path’ is one of the most underrated CSS properties.”
DevelopmentResources
One year of getlocalcert.net
What you can expect from the free domain registration service.
DevelopmentOpinions
‘GitHub’ is starting to feel like legacy software
“Maybe it’s time to start exploring new platforms.”
DevelopmentResources
What ARIA still does not do
ARIA remains a developer’s promise to screen reader users.
DevelopmentTools
How to try experimental CSS features
Feature flag handling in Chrome, Firefox, and Safari.
DevelopmentTools
HTML 5 support in PHP 8.4
After 16 years, PHP gets an HTML 5 compliant parser.
DevelopmentSamples
Things I know about Git commits
Learnings from 12 years of Git commits and commit history.
DevelopmentResources
The pitfalls of in-app browsers
Mobile web development has a hidden challenge.
DevelopmentSamples
Encoding differentials
Charset details are crucial when serving HTML documents.
DevelopmentSamples
Getting stuck
All the ways CSS ‘position: sticky’ can fail.
DevelopmentSamples
The many ways to hide things in the DOM
Hiding HTML elements from users and/or screen readers.
DevelopmentSamples
Styling tables the modern CSS way
State-of-the-art practices for crafting responsive HTML tables.
DevelopmentResources
Invoker commands in HTML
Another look at a much-wanted HTML enhancement.
DevelopmentResources
Type definitions for CSS with @property
How to write safer, more resilient CSS custom properties.
DevelopmentOpinions
State of React 2023
Results of the first survey on the popular UI library.
DevelopmentResources
CSS Grid areas
A great way to have a visual of the grid layout in CSS.
DevelopmentResources
Everybody’s free (to write websites)
“Enjoy the power and beauty of PHP, or never mind.”
DevelopmentSamples
Get the screen width/height without JavaScript
Powered by @property and trigonometric functions.
DevelopmentResources
So you think you know box shadows?
Wild things you can do but really shouldn’t.
DevelopmentTools
Playwright vs. Puppeteer
Which web automation library is better in 2024?
DevelopmentTools
A new path for Privacy Sandbox on the web
Google abandons plan to deprecate third-party cookies.
DevelopmentResources
Minimum WCAG-conformant interactive element size
What is actually needed for baseline compliance?
DevelopmentSamples
Beautiful shadows have beautiful colors
Shadows that also look great on a colored surface.
DevelopmentResources
CSS font-size-adjust is now in Baseline
Another win for web platform interoperability.
DevelopmentTools
How Chrome helps users install web apps
Chrome’s options for installing a Progressive Web App.
DevelopmentOpinions
The backlash against AI scraping is measurable
Website restrictions on AI bots have gone through the roof.
DevelopmentOpinions
State of Developer Experience 2024
Leaders’ and developers’ views on engineering productivity.
DevelopmentSamples
Fit-to-width text: A new technique
How modern CSS helps to solve an ancient challenge.
DevelopmentResources
Google’s reCAPTCHA v2 is exploiting users
A study finds web puzzles have immense cost and no security.
DevelopmentOpinions
Stack Overflow Developer Survey 2024
70% of developers don’t see AI as a job threat.
DevelopmentResources
Get any element’s width/height via CSS
What sounds impossible is doable with modern CSS.