Getting to work. — Ethan Marcotte
Organize your workplaces, my loves. And then, if you possibly can, unionize.
Public
Opinion | Twelve Million Phones, One Dataset, Zero Privacy - The New York Times
The Times Privacy Project obtained one such file, by far the largest and most sensitive ever to be reviewed by journalists. It holds more than 50 billion location pings from the phones of more than 12 million Americans as they moved through several major cities, including Washington, New York, San Francisco and Los Angeles.
Introducing MusicBot: The All-in-One Apple Music Assistant, Powered by Shortcuts
MusicBot encompasses dozens of different features and aims to be an all-in-one assistant that helps you listen to music more quickly, generate intelligent mixes based on your tastes, rediscover music from your library, control playback on AirPlay 2 speakers, and much more.
Oh Shit, Git!?!
Git is hard: screwing up is easy, and figuring out how to fix your mistakes is fucking impossible. Git documentation has this chicken and egg problem where you can't search for how to get yourself out of a mess, unless you already know the name of the thing you need to know about in order to fix your problem.
The New York City Subway Map as You’ve Never Seen It Before
He rode the length of every train line with his eyes closed, feeling the curve of each track and then drawing the path he perceived in his sketchbook.
Another Blue Beanie Day
Thanks for showing up every day to try to make the web a little better. Thanks for your optimism, especially when it gets harder to stay positive. You make an inclusive web possible.
Scaling SVG Elements
The element is a telescope into another world.
Request with Intent: Caching Strategies in the Age of PWAs
Once upon a time, we relied on browsers to handle caching for us; as developers in those days, we had very little control. But then came Progressive Web Apps (PWAs), Service Workers, and the Cache API.
Variations on Theme: Reinventing Type on the Web
Variable fonts are an evolution of the OpenType font specification that allows a single file to contain all of the variations of width, weight, slant, italics, and virtually any other permutation of a typeface the type designer want’s to expose—all in a single file.
Fixing MP4 autoplay in Safari and iOS for sites using Cloudflare
The reason that Cloudflare seems to cause issues is to do with how the video file headers are presented to Safari by Cloudflares server.
Don’t Underestimate the Forces, Mandalorian
A physicist analyzes a fight scene in the new TV series and asks: Do the shoes make the Mandalorian?
Dark patterns : quelle grille de lecture pour les réguler ?
Alors que les designs trompeurs sont de plus en plus portés à l’attention du public, la question de leur possible régulation se pose, bien qu’il ne soit pas simple de démontrer le caractère fondamentalement manipulateur d’un élément composant une interface.
Quitting Analytics
Some time ago, I removed all the tracking from my personal site, and I haven’t missed it.
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.