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.
⇾ Visit: How I Structure My CSS (for Now) – Matthias Ott
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.
⇾ Visit: Form Design Best Practices (Andrew Coyle)
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.
⇾ Visit: Web History by Jay Hoffman now on CSS Tricks
Lovely design by Ricardo Gimenes
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.
⇾ Visit: Modern CSS Solutions (Stephanie Eckles)
Tables and grids just want to be your friends, so long as you approach them for the right reasons.
Great read on grids by
⇾ 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.
⇾ Visit: Variable Fonts – How to Work with Them
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