Get visual website feedback that’s actually actionable - A simple point-and-click interface will get you screenshots, plus browser and OS information to act upon—with no more guessing - Sponsored
Weekly recap #33
Design and frontend links today
Highlights of the week ↘
Form design best practices - Learn how to improve the design of digital forms. -
Icon grids & keylines demystified - Icon grids represent an icon set’s rules visually, laying a canvas to draw from. -
System UIcons - A free icon set designed for systems and products. Use how you want, without attribution. -
Design ↘
The UX of LEGO interface panels - These iconic, low-resolution designs are the perfect tool to learn the basics of physical interface design. -
Proximity principle in visual design - Design elements near each other are perceived as related, while elements spaced apart are perceived as belonging to… -
How to illustrate when you can’t draw to save your life - You must deeply understand fundamental principles, such as lighting and perspective, and it takes extensive practice. -
The rise of the Demigod designer - The craft of a designer goes beyond visuals or interaction models. It is first and foremost about social… -
Development ↘
drop-shadow: The underrated CSS filter - Using drop-shadow allows us to add a shadow to an element that doesn’t correspond to its bounding box. -
On composable, modular frontends - A look at using composable design for frontend components to help build scalable and maintainable frontend systems. -
Digging into the flex property - Have you ever wondered about how the CSS flex property works? It’s a shorthand for flex-grow, flex-shrink, and… -
Optimizing CSS for faster page loads - To see how CSS affects the load time of a webpage we first have to know how the… -
Tools and resources ↘
An ancient, long-forgotten trick for doing good work - Sometimes, the secret to great work is simply time. -
Inspiration and creativity ↘
Figma components with a fixed aspect ratio elements - Keep an aspect ratio of a nested element when resizing its parent. -
Last but not least ↘
“Strategy vs Execution” is not a helpful distinction - Early-stage startups need builders, not consultants. So why were there so many consultants? -
Subscribe to the newsletter
Design and frontend links delivered to your inbox every day or week. No spam, unsubscribe at anytime.