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
medium.com
Creating Usability with Motion: The UX in Motion Manifesto
20+ min · · The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion… · Shared by 743, including Hampus Jakobsson, Lluís Codina, Will Hoag 🏔‼️, Brad Brooks, Mohamed Azazy, Melanie Deziel (she/her), Erick Mazer Yamashita, Stammy, Helmi, Mark Kaigwa, Curadoria | Update or Die!, designshard, Damian Madray, Tibor Martini 🇺🇦 @tibor@mastodon.social, Michael Schär, Casey Smith, Stephanie A Kowalski, Mike Taylor, Maarten Mieras, Scott Williams
medium.freecodecamp.com
The 100% correct way to do CSS breakpoints
9 min · · For the next minute or so, I want you to forget about CSS. Forget about web development. Forget about digital user interfaces. · Shared by 377, including von Moerenburgh, Jay West, Matthias Sala, ThomNagy, Marc Wieland, Moritz Klack, Nicolas Dengler, designshard, Dominik Grolimund, ross, Pascal Birchler, René Clausen Nielsen, Kenneth Kalmer, Marc Hinse, Paweł Kuna, Sérgio Vieira, Zee, David Hellmann, Brad Brooks, Kaspar Manz
uppy.io
Uppy
2 min · · Uppy is (going to be) a JavaScript file uploader that fetches files from Dropbox, Instagram, local disk, remote URLs, and other exciting locations. It has a plugin-based architecture, first-class support for resumable uploads according to the open standard: <a href="http://tus.io">tus</a>, and custom encoding backends, making it extensible and robust. Uppy is in the early stages of development and should not be used for anything serious yet.
· Shared by 152, including Linus Basig, Claudio Perez Gamayo, David Butler, Sérgio Vieira, Matthias Sala, mastodon.social/@renestalder, Aske Behrsin, Simone Corsi 💻🚀, Christophe Jean, Nichole, Arin Basu, Victor Tolosa, Mark Kaigwa, Michael Musgrove, Scott Williams, Lukas, Balda, Nico Müller 🇺🇦, Alain, Marcos
mxb.dev
The CSS Mindset
5 min · · CSS can be difficult to grasp if you think about it in terms of a "traditional" programming language. There is a certain mindset involved that helps to understand why it works the way it does. · Shared by 132, including Design Shack, Alligator.io 🐊, Benoist Lawniczak, Stef Walter, henrik, Florian Hanke 🍎, Karl Schwaier, Sara Soueidan
useanimations.com
A micro-animations library
1 min · · Animated icons in Lottie Framework and After Effects for immediate implementation to your apps or websites. · Shared by 111, including Steed Monteiro, Mohamed Azazy, Davo ⚡, Nick Butcher, Taylor Ling, Mattia Fregola 🤔, Gérard Godin, Jonas Hartmann, Stu Collett, Victor Tolosa, Una 🇺🇦, mastodon.social/@renestalder, Luca Corsilli, UX Design Weekly, Aske Behrsin, sascha aßbach
UX Collective
Design better buttons
9 min · · Everything you need to know to have this important interface element go next level. · Shared by 104, including Merkstatt@troet.cafe 📯, Brad Brooks, Ahiesh PVS, Kat, Oliver Raduner, tcherno, five5star // Design Graphique, Shawn Venasse, rohit
UX Movement
Why You Shouldn't Gray Out Disabled Buttons
1 min · · What should you do if you have a button that isn't active in a given context? Removing the button from its native location and revealing it later can surprise users. · Shared by 77, including mastodon.social/@renestalder, Design Shack, Vincenzo Tremonte, Cory Lebson, sascha aßbach, Adrian Roselli (no blue check) 🗯, Gerrit Eicker, Gabriele, Johannes Dornisch
Chrome Developers
Extract critical CSS
2 min · · Learn how to improve render times with critical CSS technique and how to choose the best tool for your project. · Shared by 66, including Benoist Lawniczak, Rob Dodson, Esther Schindler
editorjs.io
Editor.js
· A block-styled editor with clean JSON output · Shared by 66, including Vojtěch Hýža, Brian, Stephen C Sanders, Thomas Kaul, Alligator.io 🐊, sascha aßbach, mastodon.social/@renestalder, Balda, Simone Corsi 💻🚀, Mike Ivars, Tomas Vestenicky
UX Collective
UI cheat sheet: text fields
20+ min · · Apart from buttons, text fields are probably one of the most used user inputs. When you sign in to Friendface, or order a Nicholas Cage… · Shared by 60, including Patrick Walsh, Max R. Scheer
CSS-Tricks
Accessible Font Sizing, Explained
6 min · · The Web Content Accessibility Guidelines (WCAG), an organization that defines standards for web content accessibility, does not specify a minimum font · Shared by 54, including Michael Zumstein, Web Axe, Marius Bleuer, Claus Heller 🇺🇦
David Walsh
CSS :focus-within
2 min · · Using :hover to display additional information or elements is a very useful technique but a big drawback to using the hover pseudo-class is that they are usually not accessibility-friendly. Not… · Shared by 38, including ross, Benoist Lawniczak
browserlondon.com
The perils of functional CSS (atomic CSS)
10 min · · Functional CSS (sometimes called atomic CSS) has risen in popularity recently, but what are it's benefits and what type of teams and projects does it suit? · Shared by 36, including Browser, Niklaus Gerber, ITNEXT
icons8.com
Line Awesome | Icons8
· A single file that replaces Font Awesome with modern line icons · Shared by 23, including Scott Williams, Design Shack, Baadier Sydow 🇿🇦, Balda, Quim, Mattia Fregola 🤔
youtube.com
The economics of open source by C J Silverio
· The JS package commons is in the hands of a for-profit entity. We trust npm with our shared code, but we have no way to hold npm accountable for its behavior... · Shared by 20, including Jonas Bandi, Simone Corsi 💻🚀