frontendmasters.com
Front-end Developer Handbook 2019
20+ min · · This is a guide that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are… · Shared by 262, including Davy De Pauw, Oscar MacDonald, Zain Fathoni, Rodrigo Noales, yeon, Balda, Dan Wahlin, Marius Bleuer, Benoist Lawniczak, Jessel Sookha, cody lindley, Matt, Luis Bravo, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Joel Bez, Vašek, Joe Lencioni, Simone Corsi 💻🚀, Mohamed Azazy, pizza.lottie 🍕
debugbear.com
Performant front-end architecture
9 min · · Learn how to make your client-side apps load fast and provide a good user experience. · Shared by 185, including Evan (he/him), Davy De Pauw, Angel Romero, Marius Bleuer, Chris Heilmann codepo8@toot.cafe
evilmartians.com
Images done right: Web graphics, good to the last byte — Martian Chronicles
20+ min · · Start taking graphics on the web seriously and boost your applications' performance by learning the essentials about digital image formats. · Shared by 170, including Oliver Raduner, henrik, tcherno, Chris Heilmann codepo8@toot.cafe, Stephanie A Kowalski, sascha aßbach, Balda, ross, Design Shack, Benoist Lawniczak, Joe Lencioni
cloudflare.design
Color by Cloudflare Design
15+ min · · A color palette tool for interface design · Shared by 146, including Charles Baldwin, Brent Summers, mdy, Aleksandra Wisniewska, Una 🇺🇦, pizza.lottie 🍕, Benny Schudel, Niklaus Gerber, Nando 💪🇦🇺🇦🇷, philipptemmel, Tomas Vestenicky, Victor Tolosa, adrianleb.eth, Mark Kaigwa, René Clausen Nielsen, Chris Coyier, Yoav Ganbar (🥑 Builder.io/Qwik), Cameron Yick ~ @hydrosquall@vis.social on mastodon, Selim Imoberdorf
leerob.io
Everything I Know About Style Guides, Design Systems, and Component Libraries
10 min · · A deep-dive on everything I've learned in the past year building style guides, design systems, component libraries, and their best practices. · Shared by 120, including Oliver Raduner, Yoav Ganbar (🥑 Builder.io/Qwik), Thomas Kaul, Matthias Lampe, numano, Arti Villa, Nick Floro, 瑞拿頭, Gabriele, Waqas Ahmed, Rick Powell, Massimiliano Aroffo
designsystems.com
A complete guide to iconography
12+ min · · A deep-dive guide on how to create, organize, name, and use icons within a design system · Shared by 93, including Mattia Fregola 🤔, Fabricio Teixeira, Mark Kaigwa, figmadesign, KOstas, Veerle Pieters, Adham Dannaway, Jacob Cass
CSS-Tricks
How to Section Your HTML
20+ min · · The sectioning elements in HTML5 are , , , and . is also kind of a sectioning element since all content lying inside of it is part of the default document · Shared by 83, including David Hellmann, Benoist Lawniczak, ITNEXT
SearchEngineJournal®
How to Identify & Reduce Render-Blocking Resources
8 min · · The longer users have to wait, the more likely they are to abandon your site. Here's how to reduce render-blocking resources to display visual content ASAP. · Shared by 68, including Davy De Pauw, Ian Lurie 🇺🇦 @ianlurie@mastodon.social, Dr. Pete Meyers, AJ Kohn, Andy Crestodina, Alexis Sanders, AJ Ghergich, Ferit (at 🏠) 🌙, Britney Muller 🇺🇦, Quim, Builtvisible, Aleyda Solis 🇺🇦
Phil Walton
Using Native JavaScript Modules in Production Today
12+ min · · Two years ago I wrote about a technique—now commonly referred to as the module/nomodule pattern—that allows you to write ES2015+ JavaScript and then use bundlers and transpilers to generate two… · Shared by 67, including Clemens, Joe Lencioni, cody lindley, Beni Buess, Simone Corsi 💻🚀, @brianleroux@indieweb.social 💙
Moz
SEO & Progressive Web Apps: Looking to the Future
18+ min · · Until recently, it’s been too easy to get away with not understanding the consequences and opportunities posed by PWAs and service workers. · Shared by 59, including Aleyda Solis 🇺🇦, Builtvisible, Cyrus, Lluís Codina, Bernhard Huessy
CSS-Tricks
Tips for rolling your own lazy loading
12+ min · · You may have heard (or even issued the call) that “we can just use lazy loading!” when looking for a way to slim down a particularly heavy web page. Lazy · Shared by 53, including David Hellmann, Benoist Lawniczak, Chris Coyier, ross
petelambert.com
HTML is the Web
4 min · · In which I lament the fact that many frontend Web engineers don't understand the end product of their work, HTML. · Shared by 52, including cody lindley, Marius Bleuer, mastodon.social/@renestalder, Benoist Lawniczak
dassur.ma
When should you be using Web Workers? — DasSur.ma
12+ min · · You should always use Web Workers. And in our current landscape of frameworks it’s virtually impossible. Did I get your attention with that? Good. Of course, as with any topic, there is nuance and I… · Shared by 50, including Simone Corsi 💻🚀, Lea R. 🦄, Marius Bleuer, mastodon.social/@renestalder
3perf.com
Case study: Analyzing Notion app performance
17+ min · · How to make a React app load ~30% faster – by tuning some configs and delaying some scripts · Shared by 48, including Ahrbil, shishir das, Nando 💪🇦🇺🇦🇷, Yoav Ganbar (🥑 Builder.io/Qwik), Evan (he/him)
Dribbble
5 online typography exercises to improve your skills
3 min · · Level-up your type skills with a handful of online exercises that are both fun and effective! Whether you're a seasoned graphic designer, or just getting your feet wet, use these five interactive… · Shared by 47, including Nick Floro, Design Shack, Michael Musgrove
rjzaworski.com
The Web Developer's Guide to DNS
5 min · · Between the zillions of JavaScript bundles, cat videos, and banner ads that are the web, it’s easy... · Shared by 47, including mastodon.social/@renestalder, Harry Roberts, Brian