AddyOsmani.com - Preload late-discovered Hero images faster
Did you know there’s an imagesrcset attribute you can put on link rel="preload" as="image" (along with an imagesizes attribute)?
I didn’t. (Until Amber pointed this out.)
Link tags: source
144
When you browse Instagram and find former Australian Prime Minister Tony Abbott’s passport number
This was an absolute delight to read! Usually when you read security-related write-ups, the fun comes from the cleverness of the techniques …but this involved nothing cleverer than dev tools. In this instance, the fun is in the telling of the tale.
Service Workers | Go Make Things
Chris Ferdinandi blogs every day about the power of vanilla JavaScript. For over a week now, his daily posts have been about service workers. The cumulative result is this excellent collection of resources.
Grid Cheatsheet
A useful resource for CSS grid. It’s basically the spec annoted with interactive examples.
Lightning-Fast Web Performance: an online lecture series from Scott Jehl
Scott is brilliant, therefore by the transitive property, his course on web performance must also be brilliant.
Front-end Bookmarks
A collection of articles and talks about HTML, CSS, and JS, grouped by elements, attributes, properties, selectors, methods, and expressions.
FontGoggles — Interactive Previewing and Comparing
A really nice open-source font-previewing tool for the Mac.
A Variable Fonts Primer
Everything you ever wanted to know about variable fonts, gathered together into one excellent website.
Open source beyond the market - Signal v. Noise
The transcript of David Heinemeier Hansson keynote from last year’s RailsConf is well worth reading. It’s ostensibily about open source software but it delves into much larger questions.
iHateRegex - regex cheatsheet for haters
Piece together your own regular expression or choose from a pre-made selection.
(Like the creator if this site, I’m not a fan of regular expressions …or they’re not a fan of me. The logic just doesn’t stick in my brain.)
Saron Yitbarek and Jeremy Keith - Command Line Heroes Live Podcast - View Source 2019 - YouTube
Here’s the live podcast recording I was on at the View Source conference in Amsterdam a while back, all about the history of JavaScript.
My contribution starts about ten minutes in. I really, really enjoyed our closing chat around the 25 minute mark.
It was such a pleasure and an honour to watch Saron at work—she did an amazing job!
Design Questions Library | d.school public library
This site is not meant to be exhaustive, but rather a useful guide—our FAQ for design understanding. We hope it will inspire discussion, some questioning, a little soul searching, and ideally, a bit of intellectual support for your everyday endeavors.
The Design Questions Library goes nicely with the Library of Ambiguity.
alex-jeremy
Some photos from a lively discussion between Alex Russell and me at View Source in Amsterdam led Remy to create this meme generator.
You can see some results here and here.
This is not to be confused with a certain other photo which has led to its own memification here and here.
ffconf - Web development & JavaScript conference in Brighton, UK
All of the talks from ten years of FF Conf …including this pretentious one from five years ago.
(Open) source of anxiety – Increment: Open Source
If we continue as we are, who will maintain the maintainers?
In the world of open source, we tend to give plaudits and respect to makers …but maintainers really need our support and understanding.
Users and new contributors often don’t see, much less think about, the nontechnical issues—like mental health, or work-life balance, or project governance—that maintainers face. And without adequate support, our digital infrastructure, as well as the people who make it run, suffer.
Reducing motion with the picture element
Here’s a clever tiny lesson from Dave and Brad: you can use prefers-reduced-motion in the media attribute of the source element inside picture.
Preload, prefetch and other link tags: what they do and when to use them · PerfPerfPerf
Following on from Harry’s slides, here’s another round-up of thoserel attribute values that begin with pre.
More Than You Ever Wanted to Know About Resource Hints - Speaker Deck
Slides from Harry’s deep dive into rel values: preconnect, prefetch, and preload.
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
The 2019 edition of Cody Lindley’s book is a good jumping-off point with lots of links to handy resources.