Bookmarks (1519)

Designing Adaptive Components, Beyond Responsive Breakpoints — Thoughts on designing systems of reusable components that adapt to responsive layouts, containers, work with different content states and adapt to user needs, behaviour and context.

A New Beta Version of 'Can I Use' — Can I Use is a fantastic resource for checking browser compatibility for modern Web Platform features and a redesign is on the way with performance improvements, better visual accessibility, nicer URLs, dark mode support, and several more new features.

Modern CSS Techniques To Improve Legibility — Advice and tips on how to improve website legibility using things such as variable fonts, contrast, spacing, etc.

Happy Birthday Web Fonts — It has been a decade since the then newly-formed WebFonts Working Group published a First Public Working Draft of the Web Open Font Format (WOFF).

Firefox 79: The Safe Return of Shared Memory, New Tooling, and Platform Updates — A run through of the highlights in version 79 of Firefox. Here’s the full developer-focused round-up of changes.

Introducing the Microsoft Edge Enterprise Roadmap and Release Schedule — A new Microsoft Edge release schedule for both the Beta and Stable channel releases.

▶  HTML: How to Make Loveliness — How much do you know about HTML’s semantics? In this 20-minute talk one of the co-editors of the HTML5.3 spec will bring you up to speed, showing you how to use HTML to make sites that work better, are faster and include more people.

Understanding CSS Multiple Backgrounds — A detailed visual explainer of the background-image property, and how best to use it to stack multiple backgrounds.

A Fetch API Tutorial for Beginners — A fairly gentle intro to using Fetch, the replacement for Ajax-based XMLHttpRequest techniques, along with a little bit of coverage of Promises.

Introspecting CSS via the CSS OM — Some interesting digging around by Lea. You’re unlikely to need to do this yourself but it shows how you can interrogate the browser for supported CSS properties and whether or not certain properties are shorthand forms of others. Clever stuff.

Webwaste — Just what is the environmental impact of bloated websites and unnecessary assets? Gerry McGovern examines in this extract from his book World Wide Waste.

css-sweeper: MineSweeper Implemented in CSS + HTML (No JavaScript) — Play it here. The CSS interestingly uses a combination of CSS variables (using a technique called ‘space toggle’) along with HTML checkboxes.

Tailzilla: Components and Online Code Editor for Tailwind CSS — This is a collection of responsive components, templates, and starter kits based on Tailwind CSS. Each component offers a split screen live preview and editable code.

Formbutton: A Simple, Customizable Pop-up Form — This adds one of those bottom-corner fly-out forms that users can use to quickly communicate or add feedback.

webcompat: Bug Reporting for the Web — An initiative by various volunteers supported by Mozilla that aims to document bugs that create inconsistent experiences across browsers.