Front End Developers
A group to share links, ideas, and discussion about developments in developing for the web.
Collection by Michael Musgrove
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
ohshitgit.com
Oh shit, git!
3 min · · 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… · Shared by 467, including Aleksandra Wisniewska, Kenneth Kalmer, Brad Frost, Zain Fathoni, Daniel Williams, Data Science Renee, Anthony Atkinson, Helmi, old getify, Brad Brooks, @meyerweb@mastodon.social, Nils Hitze, Marcy Sutton Todd, Mara Averick, Ryan Boren, wahalulu@fosstodon.org Marck Vaisman, Scott Hanselman 🌮, Esther Schindler, Stephen C Sanders, Alligator.io 🐊
CSS-Tricks
A Complete Guide to CSS Functions
20+ min · · Like any other programming language, CSS has functions. They can be inserted where you’d place a value, or in some cases, accompanying another value declaration. · Shared by 394, including Marius Bleuer, Chris Coyier, Eric Bailey, rohit, Boris Périsset, Harsha Mv, Chris Heilmann codepo8@toot.cafe, Nils Hitze, thoughtbot, Michael Musgrove, Yoav Ganbar (🥑 Builder.io/Qwik), Steve Faulkner SteveFaulkner@mastodon.social
Tobias van Schneider
The best totally free web fonts & typefaces
4 min · · Quality, free web fonts are difficult to come by these days. The best place I could think to find them: Twitter. Beautiful typefaces are usually an investment, but that doesn't mean you can't find… · Shared by 286, including Brett Errington, Michael Musgrove, Rick Powell, Arne Keuning, tcherno, Victor Lee, Chris Heilmann codepo8@toot.cafe, Manas, Chris Messina, Niklaus Gerber, José Rodrigues, mastodon.social/@renestalder, Marius Bleuer, Beni Buess
front-end.social/@heydon
Relearn CSS layout
2 min · · If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will… · Shared by 240, including zeldman, Yoav Ganbar (🥑 Builder.io/Qwik), @meyerweb@mastodon.social, Zain Fathoni, Kaspar Manz, Brian, David Hellmann, Samuel Hauser, Veerle Pieters, Marius Bleuer, Dion Almaer, Nando 💪🇦🇺🇦🇷, Brad Frost, Kevin Marks 🏠kevinmarks.com xoxo.zone/@KevinMarks, Claudio Perez Gamayo, Rob Dodson, Brad Brooks, Michael Musgrove, Jessel Sookha
designsystems.com
Spacing, Grids and Layouts
7 min · · Learn how to define baseline grids, column grids, spacing and layouts. · Shared by 201, including Matt, figmadesign, Chris Heilmann codepo8@toot.cafe, Jacob du Toit, tcherno, Michael Zumstein, Gabriele, Helmi, David Hellmann, Michael Musgrove, mastodon.social/@renestalder, henrik
freeCodeCamp.org
The Complete JavaScript Handbook
· JavaScript is one of the most popular programming languages in the world, and is now widely used also outside of the browser. The rise of… · Shared by 198, including Prof. Arun Kumar वाघचौरे, Jessel Sookha, ITNEXT, Tableless, Michael Musgrove, Vašek, Andreas Heer, Jesús Torres 👩💻, Alligator.io 🐊, Massimiliano Aroffo, Matthew Turland, Benoist Lawniczak, Francesco Forconi, Oliver Nabani, Vikram Dutt, Hans Bickhofe, Ⓓarío Macchi, David Hellmann, shishir das
frontendhandbook.com
Introduction | Front-end Handbook
4 min · · The resources and tools for learning about the practice of front-end development. Written by Cody Lindley sponsored by · Shared by 192, including Pascal Birchler, Stefan Graunke, Tibor Martini 🇺🇦 @tibor@mastodon.social, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, W, Courtney Bolton ★, Victor Tolosa, Brian, Kam, Stephen C Sanders, Atul Pradhananga, Jesús Torres 👩💻, Agustin, Brad Brooks, Jon Thompson, Casey Smith, Michael Musgrove, Christopher Möller, Jacob Jarnvall, David Butler
2019.stateofcss.com
The State of CSS 2019
1 min · · In the web development family, JavaScript has developed a bit of a reputation as the angry, rebellious teenager going through a new phase every year and telling you you're just too old to understand.… · Shared by 122, including Niklaus Gerber, Nico Müller 🇺🇦, Kohei Asai, Meng To, Joe Lencioni, Una 🇺🇦, Michael Musgrove, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Benoist Lawniczak, pizza.lottie 🍕, Alligator.io 🐊, David Hellmann, Design Shack
medium.com
Everything you need to know about Loading Animations
14+ min · · When your app is loading for more than 1 second, use loading indicators. Learn how to make this waiting experience delightful… · Shared by 110, including Tom Connor, Merkstatt@troet.cafe 📯, Stephanie A Kowalski, Davy De Pauw, Michael Musgrove, Niklaus Gerber, Joel Bez, Marius Bleuer, Simon Ng, Jelan Ong
CSS-Tricks
Having fun with link hover effects
11+ min · · A designer I work with was presenting comps at a recent team meeting. She had done a wonderful job piecing together the concept for a design system, from · Shared by 109, including David Hellmann, Davy De Pauw, Michael Musgrove, zeldman, Alligator.io 🐊, designshard, DON’T PANIC, Tableless, Niklaus Gerber
Smashing Magazine 🇺🇦 🏳️🌈
Common CSS Issues For Front-End Projects
9 min · · Rendering and interaction have become a lot more consistent across browsers in recent years. It’s still not perfectly uniform, however, and a lot of small issues can trip you up. A list of common issues along with their solutions. · Shared by 104, including Alligator.io 🐊, Davy De Pauw, Thomas Wong, Benoist Lawniczak, Mohamed Azazy, Rodrigo Noales, Brad Brooks, Tableless, pizza.lottie 🍕, Michael Musgrove, Charles Baldwin, Oliver Raduner, Jens-Christian Fischer, Mattia Fregola 🤔, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ
medium.com
Art of debugging with Chrome DevTools
10 min · · Chrome DevTools come with an array of features that help developers debug their apps effectively, and therefore find and fix the bugs… · Shared by 95, including Nando 💪🇦🇺🇦🇷, Matt, Waqas Ahmed, Brad Brooks, Angel Romero, Diego Paladino, Yoav Ganbar (🥑 Builder.io/Qwik), Michael Musgrove
github.com
grab/front-end-guide
· front-end-guide - Study guide and introduction to the modern front end stack · Shared by 95, including Leslie D, Stephen C Sanders, David Dias, Matt, William El Kaim, Michael Musgrove, Daniel Cor, Simone Corsi 💻🚀
medium.com
Creating the “Perfect” CSS System
10 min · · A high level guide for designers and developers who write CSS, but want to be more strategic about building moderate to large scale CSS… · Shared by 86, including Brad Brooks, Tableless, Ethan Marcotte, Brad Frost, Niklaus Gerber, masone, Selim Imoberdorf, Matt, Michael Musgrove
HackerNoon | Learn Any Technology
12 cool things you can do with GitHub
12+ min · · I can’t for the life of me think of an intro, so… · Shared by 82, including Bernhard Huessy, ἀποκαραδοκία, Stephen C Sanders, Philip Stehlik, Matthias Lampe, Selim Imoberdorf, Michael Musgrove, Prof. Arun Kumar वाघचौरे, Davy De Pauw, Victor Lee