In this post, I will share my current take on CSS structure. It does not religiously follow any particular methodology, although people familiar with Harry Roberts’ ITCSS (“Inverted Triangle CSS”) will definitely recognize parts of his methodology.
Matthias Ott describes his way of – for now – structuring his CSS. Maybe some inspiration for the one or other.
From all this learning I've formed my own forms best-practice guidelines. I thought it would be useful start recording it. Here's my work in progress. I do UI/UX so I'm coming at this from a designer's perspective.
⇾ Visit: Form Design – Best Practice, Research Insights and Examples (Geri Reid)
Form design best practices – learn how to improve the design of digital forms.
I am subscribed to Jay’s newsletter since ages already. Nice to see he is now writing about the history of the web on CSS Tricks as well.
Many people would love to see these being printed to hold these lovely cards in their hands. Right now you can only download the PDF. Smashing Members for free, otherwise for $10.
⇾ Visit: Smart Interface Design Patterns Checklists (Vitaly Friedman, Smashing Magazine)
Great series on CSS by Stephanie Eckles. A ton of use- and helpful bits.
Tables and grids just want to be your friends, so long as you approach them for the right reasons.
Great read on grids by Sarah Higley.
⇾ Visit: Grids Part 1: To Grid or Not to Grid (Sarah Higley)
Robert Nyman and Philip Jägenstedt teamed up with Mozilla to create a short survey to find out, which the biggest recurring problems while building websites are for web developers and designers.
⇾ Visit: MDN Browser Compatibility Survey
The goal of this site is to show you how variable fonts tick. Discover how they can benefit user interface (UI) design, accessibility, and long-form reading, and how they push the boundaries of skillful typographic expression on the web.
A couple of days ago, I have linked to the JetBrains Mono typeface. Now Matej Latin is comparing five different monospaced beauties for you to pick.
⇾ Visit: 5 Monospaced Typefaces for Your Coding Environment Compared