|
|
|
|
The Large, Small, and Dynamic Viewport Units — These three new CSS units ( Bramus Van Damme |
|
Color Formats in CSS — Josh takes us on a tour of the slew of color formats at our disposal (hex, RGB, HSL, etc.), looking at how they work and how to get the best out of them. As with any of Josh's posts, there's a lot to dig into here. Josh W. Comeau |
Fast and Flexible Gantt Chart Component for Your Web App — Bryntum's suite of web components includes powerful Gantt and resource scheduling widgets used by thousands of businesses. The API is extremely flexible and allows you to configure everything from colors to details of the scheduling logic. Free 45-day trial. Bryntum sponsor |
|
The BBC's 15 Web Principles: 15 Years Later — Back in 2007 – an eternity in web years – the BBC published a document showing their ‘15 Web Principles’. This post looks back at how such 'early-web-2.0 idealism' stacks up today. Terence Eden |
|
📙 Tutorials, Articles & Opinion |
|
Document Object Model (DOM) Geometry: A Beginner’s Introduction and Guide — Analyzes the methods and properties that make user interface solutions such as infinite scrolling, animating elements on scroll, or even the popular drag and drop achievable, and afterward, dives into some practical use cases for them. Pearl Akpan |
|
▶ Stop Fighting with CSS Positioning — A 20-minute look at using CSS positioning effectively, which often comes down to understanding CSS containing blocks, and how positioning influences it. Kevin Powell |
|
The State of Notifications Report - User Preferences — What is preventing us from designing a notification system that facilitates a better experience? Courier.com sponsor |
|
Tailwind is a Leaky Abstraction — “Tailwind is a layer on top of CSS, but it doesn’t actually hide any complexity in the layer below. You still need to know CSS.” This one generated a fair bit of discussion on Hacker News. Jake Lazaroff |
|
What Working with Tailwind CSS Every Day for Two Years Looks Like — ...and another take on Tailwind: “I consider Tailwind CSS to be one of the boring established CSS solutions that enables me to be the most productive in building and maintaining projects of various sizes.” Mosaad |
|
Building Conscious Design Systems — Amy asks how we can focus less on artefacts in design systems, and work consciously to build inclusive design systems “that put people at their heart”. Amy Hupe |
|
Newer Things to Know About Good Ol’ HTML Lists
|
|
▶ Why Japan's Internet is 'Weirdly Designed' — A fun watch.
|
|
Is 'CSS Engineer' Now a Job Position?
|
|
👍 How Facebook Designed the 'Like' Button
|
|
🔧 Code, Tools & Resources |
|
|
Wordmark: A Tool to Help You Choose Fonts for Your Projects — Enter a word or phrase and this tool can show you the phrase using all the fonts installed on your system. You can then select to filter your favorites before deciding what to use. Wordmark |
|
Metatags API: A Free API to Get Meta Tags/OpenGraph Tags from a URL — Could also be a handy way to check that you've got your OG tags right. steven tey |
|
Shortcut Brings Product and Engineering Together. Try It for Free Shortcut (formerly Clubhouse.io) sponsor |
|
Lightning CSS: A Fast CSS Parser, Transformer, and Minifier — Version 1.17.0 is out with updated nesting syntax, support for @page margin rules, a fix for media query parenthesization, and more. Parcel |
|
Imagator: An Online Tool to Compress, Convert, Flip, and Resize Images — A simple tool, but it works fully locally with no sign-ups and unlimited use for all features. Rithy Huot |
|