medium.com
7 Rules for Creating Gorgeous UI (Part 1)
20+ min · · A non-artsy primer in digital aesthetics · Shared by 1517, including Alligator.io 🐊, Chris Messina, Brad Brooks, Kenneth Kalmer, Casey Smith, Fabricio Teixeira, Kris Fannin, Herbert Bay, Christopher Allen, Ryan Boren, Brent Summers, Rodrigo Prior, Thomas Power, Gabriel Weinberg, Glenn Oberholzer, Richard Hale, Daniel Williams, Lluís Codina, Nando 💪🇦🇺🇦🇷, Courtney Bolton ★
UX Collective
Design Better Forms
5 min · · Common mistakes designers make and how to fix them · Shared by 1126, including Christoph Janz 🇺🇦🎗🕊, Tibor Martini 🇺🇦 @tibor@mastodon.social, Chris Messina, Fabricio Teixeira, Dominik Grolimund, Mark Kaigwa, Courtney Bolton ★, Brent Summers, Matthias Sala, Greg Meyer, Luca Hammer, Casey Smith, Dennis Lembrée, Aleyda Solis 🇺🇦, Susan Weinschenk PhD, Alligator.io 🐊, Web Axe, Zain Fathoni, Parin Vachhani, Easy Chirp
cssreference.io
CSS Reference - A free visual guide to the most popular CSS properties.
· A free visual guide to the most popular CSS properties. · Shared by 877, including Brad Brooks, Pascal Birchler, Ricardo Yasuda, Tibor Martini 🇺🇦 @tibor@mastodon.social, Kris Fannin, Kunal Bhatia, David Luescher, Alligator.io 🐊, Daniel Williams, Nils Hitze, Zain Fathoni, Stephen C Sanders, designshard, David Hellmann, Kam, René Clausen Nielsen, Dominik Grolimund, Mike Ivars, Helmi, Matthias Lampe
CSS-Tricks
A Complete Guide to Flexbox
· Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser support chart. · Shared by 667, including zeldman, Alligator.io 🐊, Brad Frost, Kenneth Kalmer, Brian Casel, @brianleroux@indieweb.social 💙, Brad Brooks, Chris Smith, Andreas Klinger 🏝, Axel Rauschmayer (INACTIVE), Herbert Bay, Massimiliano Aroffo, Helmi, Shane_potter, Chris Coyier, Nando 💪🇦🇺🇦🇷, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Laurie, Tatjana Nebel, Zain Fathoni
jgthms.com
Web Design in 4 minutes
4 min · · Learn the basics of web design in 4 minutes with this interactive tutorial. · Shared by 556, including Michal Ischia, Brent Summers, Dominik Grolimund, Lorenz König, Jens-Christian Fischer, Jay West, pizza.lottie 🍕, Jesús Torres 👩💻, Luzius Meisser, Brian, Helmi, Alligator.io 🐊, Mark Kaigwa, Rodrigo Prior, Thomas Pleil, Parin Vachhani, Vincenzo Tremonte, Tibor Martini 🇺🇦 @tibor@mastodon.social, Stammy, Kris Fannin
flexboxfroggy.com
Flexbox Froggy - A game for learning CSS flexbox
1 min · · A game for learning CSS flexbox · Shared by 496, including Ricardo Yasuda, Stephen C Sanders, René Clausen Nielsen, Delip Rao e/σ, Pascal Birchler, Sacha Roger, Casey Smith, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Matthias Lampe, Nick Finck, Stephanie A Kowalski, Eliska Hutnikova, Michael Musgrove, Ivan Degtyarenko, Carl Morris, Daniel Williams, platzh1rsch, Kam, adrianleb.eth, Ines Bieler
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 🍕
cssgridgarden.com
Grid Garden
· A game for learning CSS grid layout · Shared by 238, including Oliver Gassner https://mastodon.social/@oliverg, Nils Hitze, Nick Finck, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Alligator.io 🐊, Paweł Kuna, Craig Mod, Helmi, 📁𝐦𝐫𝐯𝐧, blinch, Korben, EQuimper, Esther Schindler, Maarten Mieras, pizza.lottie 🍕, Carlos Granier, Sérgio Vieira, Brad Brooks, Brian, David Hellmann
internetingishard.com
HTML & CSS Is Hard | A friendly web development tutorial
1 min · · A free web development tutorial for complete beginners · Shared by 230, including Daniel Williams, Vojtěch Hýža, Nils Hitze, Matt, Karl Schwaier, Sérgio Vieira, Abdelsalam Smadi, Patric Fornasier, Stephen C Sanders, Veronika Lampion, Will Preston, Serge K. Keller ❦, Matthias Lampe, Brian, Niklaus Gerber, Tibor Martini 🇺🇦 @tibor@mastodon.social, Bakhtiar Mikhak, mastodon.social/@renestalder, Jacob Jarnvall, Helmi
Google for Developers
Rendering on the Web | Web | Google Developers
· As developers, we are often faced with decisions that will affect the entire architecture of our applications. One of the core decisions web developers must make is where to implement logic and… · Shared by 170, including Michael Weibel, David Hellmann, lacolaco👑, Baadier Sydow 🇿🇦, Izzi Smith, Aleyda Solis 🇺🇦, Thomas Wong, Yoav Ganbar (🥑 Builder.io/Qwik), danabramov.bsky.social, #MuskOut (not parody), Joona Tuunanen 🇫🇮, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Alexis Sanders, Alligator.io 🐊, Marius Bleuer, John Mueller (official) · Not #30D, Joe Lencioni, blinch, fernand0, Jeff Atwood
devdocs.io
DevDocs API Documentation
· DevDocs is an API documentation browser that combines 80+ docs in a single UI with offline mode, instant search, keyboard shortcuts, and more. · Shared by 154, including Nils Hitze, Dominik Chanton, Matt, Lea R. 🦄, lacolaco👑, Mathias Brenner, Yannick D., Luis Bravo, Thomas Telandro, Oleg Baskov, Vincent Liu, David Reindl, Nando 💪🇦🇺🇦🇷, Oscar MacDonald, Icefox, Daniel Cor, Patric Fornasier, Daniel Williams, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Brian
bulma.io
Bulma: a modern CSS framework based on Flexbox
1 min · · Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. · Shared by 116, including David Luescher, Victor Lee, Quim, Kam, Craig Mod, David Dias, Brian, Chris Messina, Stephen C Sanders, Oscar MacDonald, Linus Basig, Francesco Forconi, Rob Dodson, Balda, Lea R. 🦄, henrik, José Rodrigues, Mattia Fregola 🤔, Matti Heubner
Harry Roberts
Cache-Control for Civilians – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
15+ min · · What does Cache-Control really do? In basic terms? Let’s find out! · Shared by 100, including Thomas Eichmann, Matthew Turland, Balda, Joe Lencioni, Angel Romero, David Hellmann, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Baadier Sydow 🇿🇦, Davy De Pauw, Lea R. 🦄, Nicholas C. Zakas, Marius Bleuer, masone
DEV Community
Why I don't use web components
9 min · · For my first post on dev.to I thought I'd write about a nice, safe topic that's free of controversy: web components. I'm mostly writing this for my future self, so that I have something to point to… · Shared by 94, including ross, Marius Bleuer, Lea R. 🦄, Rich Harris, Alligator.io 🐊, Kent C. Dodds 🌌, Bernhard Huessy, Devon Govett, Evan You, Marijn Haverbeke (inactive), Cameron Yick ~ @hydrosquall@vis.social on mastodon
CSS-Tricks
An Introduction to Web Components
5 min · · Front-end development moves at a break-neck pace. This is made evident by the myriad articles, tutorials, and Twitter threads bemoaning the state of what · Shared by 81, including Benoist Lawniczak, Rodrigo Noales, Ferit (at 🏠) 🌙, Lea R. 🦄, Yoav Ganbar (🥑 Builder.io/Qwik)
DEV Community
HTML can do that?
1 min · · List of awesome things you can do with just HTML. · Shared by 80, including Zain Fathoni, Michael Musgrove, Alligator.io 🐊, Lea R. 🦄, Benoist Lawniczak, Women Who Code, Nico Müller 🇺🇦, Matthew Turland, Nick Floro, Korben, Design Shack