Release notes for Safari Technology Preview 153

Imperative Slot API, ‘forced-colors’ media query, import-assertion, and more.

The Steve Jobs Archive

Tools and opportunities to help people make their own contribution.

CSS specificity wars over? All hail Cascade Layers

The CSS architectural solution we’ve all been waiting for.

Lightning CSS (formerly Parcel CSS)

An extremely fast CSS parser, transformer, bundler, and minifier.

Cypress testing

A guide to running automated web application tests.

So your designer wants stuff to overlap

Try CSS Grid, transform, absolute positioning, or negative margins.

Why developers are building so many side projects

“Side projects can be your career in tech.”

Diode

Build, program, and run hardware projects in the browser.

WebC

A framework-independent HTML compiler for Single File Web Components.

Fresh 1.1

Deno’s full stack web framework brings significant improvements.

“Developing taste is such an overlooked area for product and UI designers. Color theory isn’t as important as understanding what simply looks good.”

How your favourite UI libraries manage their icons

“Managing icons is an under-discussed part of UI library management.”

Ladybird

A new cross-platform browser project.

UI Filler

Placeholders for your designs: text fields, images, logos, and icons.

WebKit features in Safari 16.0

CSS Subgrid, Container Queries, :has(), AVIF, passkeys, and more.

JSON Hero

A web tool to browse, search and navigate your JSON files.

“There is no pain quite as exquisite as coding HTML emails.”

“We need to stop treating accessibility as though it’s simply a feature to be implemented.”

Text is the universal interface

The power of language models in machine learning and artificial intelligence.

Which fonts to use for your charts and tables

When in doubt, set your text in a font that’s easy to read.

First batch of color fonts arrives on Google Fonts

Customize color palettes, add gradients, and more with COLRv1.

What’s new in WCAG 2.2?

WCAG 2.2 is now pretty close to becoming an official standard.

Wtf is an island and why is it in my website?

What to expect from the Islands Architecture of the newest UI frameworks.

The power of CSS blend modes

Cool photo effects using just a few lines of CSS.

“We’re wrongfully downplaying the complexity of HTML due to the simplicity of its syntax.”

Design Reviewed

A collection dedicated to digitally preserving graphic design history.

The new HTTPS report in Search Console

Solve issues that prevent your pages from being served over HTTPS.

QR codes

The fascinating story about how QR codes work.

Pop-ups are making a resurgence

The Open UI initiative is making it easier to build better pop-ups.

Detecting CSS selector support

What to keep in mind when using @supports selector().

Container Queries in browsers!

A highly-requested CSS feature has finally arrived in major browsers.

A debugging manifesto

Ways to get rid of weird software bugs.

Why we prefer Sanity over Contentful

Tinloof’s first choice when it comes to headless CMS.

Animated Emoji

Assets to integrate animated emoji into your designs and products.

Take care of your blog

There are no rules to blogging except one.

History++: a better way to do versioning

Replit’s high-fidelity take on the historical states of code.

“Honestly, a design degree should be 25% philosophy, 25% history, 25% cognitive science and physiology, and 25% typography. Everything else you could pick up on the job.”

Why the number input is the worst input

Do you think that web form has got your number?

A quick primer on testing JavaScript

Ways you can test your vanilla JavaScript code.

“Tools like Figma represent what the future of all software will look like: collaborative, multi-player, and built natively for the web.”

Buttons and the Baader–Meinhof phenomenon

Correct and wrong ways of labelling buttons.

Fallback Font Generator

Reduce layout shifts by adjusting web fonts and system font fallbacks.

0 of the global top 100 websites use valid HTML (in 2022)

“We’re at the absolute low point with HTML.”

Token CSS

Seamlessly integrate Design Tokens into your development workflow.

JSON Crack

A tool that generates graph diagrams from JSON objects.

Free universal icons

Open-source vector icons in 16 styles for any project.

Qwik and Qwik City have reached beta

A React-like framework reimagined for the edge.

Generative AI: a creative new world

We are entering a new era of human-machine co-creation.

The database cookbook for developers

An SQL cookbook with many small independent recipes.

Stable Diffusion based image compression

The AI model delivers impressive lossy image compression results.

Design Systems for Figma

A collection of design systems for Figma from all over the globe.

Wasmtime reaches 1.0

The standalone runtime for WebAssembly is now production ready.

Display content in the title bar

Progressive Web Apps can have their own app windows and title bars.

Will serving real HTML content make a website faster?

“It can be one of the best things you can do for a site’s performance.”

Peeps

A 3D avatar maker for your social media profiles or design projects.

“Some of these websites’ skeleton loading pages should add some hold music.”

Palette

Colorize your black and white photos or give your images a fresh look.

Appwrite

An open-source backend server for web, mobile, and Flutter developers.

summarize.tech

Get AI-powered summaries of your YouTube videos.

React I love you, but you’re bringing me down

“The flaws of the React framework make me want to cry sometimes.”

Five walled garden

How operating systems are holding browsers back.

Use cases for CSS comparison functions

The many things you can do with min(), max(), and clamp().

Data Never Sleeps 10.0

What happens on the internet every minute 2022.

Introducing commenting on Preview Deployments

Vercel, the front-end development platform, is now even more collaborative.

Kvyder

A cross-platform application to view 3D files without any professional software.

Announcing TypeScript 4.9 beta

New ‘satisfies’ operator, improved ‘in’ operator narrowing, and more.

Appt

App-accessibility platform with guidelines, accessibility features, and code samples.

Making digital products sustainable

The importance of having an efficient website.

“Can’t believe we’re all still suffering with JSON that doesn’t support comments.”

Dub

An open-source link shortener with custom domains and built-in analytics.

Randomness in CSS

The CSS way of generating random values and effects.

Web Almanac 2022

HTTP Archive’s annual state of the web report.

Devices.css

A collection of modern devices crafted in pure CSS.

How to give amazing project feedback

The most common pitfalls and how to address them.

Fontsource

Self-host open-source fonts in neatly bundled NPM packages.

Experimenting a new syntax to write SVG

What if we could write all SVG attributes in CSS?

Aging programmer

Reflections of a 40-year-old programmer that looks back.

Intel and Samsung are getting ready for ‘slidable’ PCs

Responsive design as a hardware concept.

6+5 ways to make a two-column layout

Reasonable and weird layouts with HTML, CSS, and SVG.

Charts

Apple’s design and accessibility guidelines for making charts.

Closing a 30 pixel gap between native and web

Windows web apps can now look and feel like native apps.

Introducing workerd

The JavaScript/Wasm runtime based on Cloudflare Workers is now open-source.

The new wave of Javascript web frameworks

Making sense of React, Vue, Svelte, Solid, Next, Remix, Qwik, and MPAs.

DALL·E now available without waitlist

The AI-powered creative image generator is open to everyone.

Introducing Stark for Mac

A toolbox that helps you meet the latest accessibility compliance standards.

Google Rank Tracker

Rank track keywords based on Google Search Console data.

How fast is your web app?

How to test page transition performance in WebPageTest.

Yes, accessibility is also a backend concern

Accessibility is a practice that touches every aspect of a digital experience.

Figtree

A sans-serif font that walks the line between simplicity and friendliness.

Dear Console…

A collection of valuable snippets you can use in the browser console.

GIFs Without the .gif

“There’s really no good reason to use the bulky .gif file format anymore.”

Type-Level TypeScript

How to unleash the full potential of TypeScript’s type system.

Infinite Canvas

A collection of infinite canvas tools that work the way we think.

Goodbye, Alexa. Hello, Cloudflare Radar domain rankings

Cloudflare now aggregates the top most popular domains based on usage.

Lessons from a professional password cracker

“The password burden has to shift away from the user to the backend.”

“If you accept that we are living in a simulation, then you must also accept that the simulation is likely written in JavaScript.”

Blocking annoying and privacy-harming cookie consent banners

The Brave browser will soon hide cookie consent notifications.

Templating in HTML

How the HTML ‘template’ element can make your life simpler.

Learn HTML

A course for web developers, from novice to expert level HTML.

Learn Accessibility

A course and reference to level up your web development.