Font style matcher
This tool helps you minimize the discrepancy (FOUC) by trying to match the fallback font and the intended webfont.
Accessibility Support
Will your code work with assistive technologies? This community-driven website aims to help inform developers about what is accessibility supported.
The World-Wide Work. — Ethan Marcotte
“The World-Wide Work” is a talk on automation, power, justice, and labor in the tech industry. It’s a very different kind of talk for me; I hope you enjoy it.
Spacing, Grids and Layouts
The organization of space is key to every great design. Spatial systems, grids, and layouts provide rules that give your designs a consistent rhythm, constrain decision making, and help teams stay aligned. This foundational scaffolding is a requirement for all design systems. In this guide, we’ll walk through the basics of defining spatial base units, creating relationship rules with grids, and bringing it all together for modern UI layouts.
The Many Ways to Link Up Shapes and Images with HTML and CSS | CSS-Tricks
Different website designs often call for a shape other than a square or rectangle to respond to a click event.
Can I email… Support tables for HTML and CSS in emails
Inspired by the successful concept, Can I Email lets you check support for more than 50 HTML and CSS features in 25 email clients, and since the site only launched a week ago, more is already in the planning.
An Oral History of Apple's Infinite Loop | WIRED
Apple’s old HQ holds stories of pizza ovens, iPhone secrets, baseball bats, and what happened to Steve Jobs’ office.
Automatically compress images on Pull Requests
Calibre’s new GitHub Action allows you to compress raster images with minimal setup automatically. Never ship unoptimised graphics again.
Leaders Wanted, by Chris Shiflett
In the best companies, everyone is a leader. Decisions are made by those best suited to make them, everyone feels trusted and respected, and a shared purpose provides unity and motivation.
“Variable Fonts and the Future of Web Typography” by Jason Pamental—An Event Apart video
Variable fonts include EVERY width, weight, slant, and other permutation of a typeface, all in a single file not much bigger than a regular font file. In this hour-long presentation captured live at An Event Apart Orlando 2018, Jason Pamental delves into the ins and outs of variable fonts, showing you not just how far the new capabilities can take us, but how to make use of them right away.
Jeremy Keith - Building The Web - View Source 2019
@adactio shares his insights on the current state of the web and web development and its complexity. Expectations of the web have changed : people expect the web to be terrible (especially on mobile). You can do more with less today, but we don't always choose to do so. Fondamental stuff is not (aways) a technology. The goal of any good framework or library should be to make itself redundant. Our priority should always be what is going to make life easier for the user. The worse thing we can do is to assume things are inevitable (FB, Google), but that is just the way things have turned out. They can change. Let's have the imagination of how things could be different. “I am afraid for the web. When I'm done with all this, and when I look around and all the people making websites look like me, then I think we will have failed.”
FlashQ Q20II – LightPix Labs
A clever little flash system. A full featured GN20 (Guide Number 20 at ISO 100) flash with radio control, led lighting, flash head tilting and built-in gel holder.
Using outline instead of border - Andy Bell
You can use outline instead of border to achieve the same visual effect, but it’ll bleed over the edges nicely.
2019 Guide: Apple iPad Pro for Photographers: Digital Photography Review
With the release of every new tablet, photographers peer past their laptops and wonder: could this be the one that lightens my gear load without sacrificing performance? The appeal of a fast and light tablet is seductive, even if you’re not looking to completely replace a desktop or laptop, but tradeoffs have so far made it a difficult choice.
📐 Swiss-Style Typographical Posters With CSS Grid - a Collection by Henry Desroches on CodePen
Classic Josef Müller-Brockmann posters reinvented with HTML and modern CSS!
2.0 — instant.page
instant.page makes your site’s pages instant — in 1 minute of effort — by preloading pages right before a user clicks on them: when they hover over a link for 65 ms; there’s one chance out of two that they will click then. On mobile, it preloads when they start touching their display, before releasing it.
Cheat sheet for moving from jQuery to vanilla JavaScript | Tobias Ahlin
With browser support of ES6 having reached more than 96%, it might be a good idea to move away from jQuery to accomplish basic tasks like fetching data, selecting elements, styling and animating them, as Tobias Ahlin argues.
Using rel="preconnect" to establish network connections early and increase performance | CSS-Tricks
Adding rel=preconnect to a informs the browser that your page intends to establish a connection to another domain, and that you'd like the process to start as soon as possible. Resources will load more quickly because the setup process has already been completed by the time the browser requests them.
This Ain’t Disney: A practical guide to CSS transitions and animations
Can anyone admit they’re not delighted when a component slides into view and appears to slow down before coming to a complete stop? There’s something nice about that. So what is that special touch, and why is it so hard to reproduce?
Dynamic Typography with Variable Fonts
Modern developments in CSS make it easier than ever to create robust, scalable, elegant typographic systems on the web. Add variable fonts and the design, technical, and performance benefits are really exciting.
Replacing jQuery With Vue.js: No Build Step Necessary — Smashing Magazine
Drop caps & design systems - Vox Product Blog
How to Use the Web Share API | CSS-Tricks
Reply
What if we got aspect-ratio sized images by doing almost nothing? | CSS-Tricks
Nothing Fails Like Success – A List Apart
AddyOsmani.com - Native image lazy-loading for the web!
Form Validation in Under an Hour with Vuelidate - CSS-Tricks
The web we broke. — Ethan Marcotte
css-tricks.com
Adactio: Journal—WorldWideWeb