Visual website feedback is just a click away - BugHerd changes vague feedback into visual, trackable tasks. Pin feedback and capture screenshots, browser and OS information to act on. - Sponsored
Weekly recap #51
Design and frontend links this week.
Highlights of the week ↘
Wireframes are useless - Why we stopped using them and how it improved the way we design. -
Game UI database - A comprehensive screen reference tool for game interface designers. -
One hundred patterns - An open design experiment to collaboratively create 100 patterns, inspired by the work of Ben Barry. -
Design ↘
A framework for design conversations - We’ve all been there. A client or coworker shows us this amazing thing they (and maybe their entire… -
Refining Yahoo’s weather icon suite - Yahoo needed a new set of weather icons because the previous icon set was too generic, not glanceable,… -
An oral history of the hamburger icon (by the people who were there) - Hamburger menus… in 1981: Alday had struck gold. He went looking for the lead graphics guy on the… -
The basics of visual design: Design principles & systems - Within product design, visual design is the strategic implementation of elements of design like color, typography, shapes, space,… -
UI Development ↘
Time to say goodbye to Google Fonts - By nature Google Fonts, even with all its font and CSS optimisations, can’t be faster than self-hosted fonts. -
CSS scroll snap - How often have you wished if there was a CSS feature that made it easy to create a… -
Why I love tailwind - Tailwind is an atomic CSS framework that has taken the frontend world by storm. -
The rules of margin collapse - In CSS, adjacent margins can sometimes overlap. This is known as “margin collapse”, and it has a reputation… -
Tools and resources ↘
Random color cycler - Generative color harmonies. The random color explorer. -
How to make ultra-smooth animations in Figma Motion plugin - And how to share them with the community and developers. -
Storybook Mobile - Build mobile-ready UIs faster with contextual hints. -
Inspiration and creativity ↘
I browsed through 100+ brutalist websites; here’s what I learned - I’d covered what brutalism in digital design is in an earlier article but here’s a refresher on its… -
Pantone picks two ‘Colours of the Year’ for 2021 - We knew Pantone was gearing up for its big 'Colour of the Year' reveal this week, as the… -
A vibrant new identity for The Moholy-Nagy Foundation - Pentagram designed an expressive brand identity for the Moholy-Nagy Foundation, following the mindset and methods the artist used… -
Last but not least ↘
The era of UI unification - Back in the early days of the Web, a lot of UI decisions were made on the fly,… -
Subscribe to the newsletter
Design and frontend links delivered to your inbox every day or week. No spam, unsubscribe at anytime.