Every week I share a list of curated articles, resources and tools about UX, UI and mobile design, HTML, CSS, the web industry, process inspiration and more…
This week’s selection: typography CSS vertical rhythm tool, a UI challenge generator, balance and composition in UI layouts, UX glossary, user friendly data tables, improving UI with typography, responsive grid design, free icons, usability of state switch buttons, a CSS escape game, some really cool CSS drawings, mobile flow inspiration, a cat keyboard, some photo inspiration, beautiful botanic and animals illustrations , a naked HTML page, etc.
Designing User-Friendly Data Tables, some quick tips to help you design complex tables with a lot of data. I would mostly advice you to start by understanding user needs and what kind of content is going in the table 🙂
An interesting tutorial on how to design responsive grids. I like this idea of “simplified” fat columns, we actually do the same on a lot of projects I worked on, you rarely need more than 4 columns on mobile anyway
A UI Design challenge generator that gives you fake design brief as exercise with a challenge, some color palette, font pairing and illustrations library. Quite nice if you want to train your UI design skills! (by @nero_awab)
More free icons: Phosphor, a set of 3500+ icons available in 6 different styles that you can download or use as SVG, PNG, etc for your projects.
If you are looking for mobile flow inspiration, you should check uxarchive.com (you need to register though first)