Design outstanding websites without coding - Co-create websites with your team, exchange feedback in comments, iterate smoothly and publish instantly. - Sponsored
Weekly recap #24
Design and frontend links this week.
Highlights of the week ↘
Long-page designs - The longer your page, the harder it is to scan. Finding ways to consolidate content and shorten the page length will help focus your visitor's attention and action. -
Apple Design Resources for Figma - Apple’s first official design kit for Figma contains a comprehensive set of components, views, system interfaces, text styles, color styles, materials, and layout guides. -
Product design ↘
Principles of spatial design - Discover the fundamentals of spatial design. Find out how you can use these spatial design principles to extend your existing app or bring a new idea to life. -
Redesigning Uber Navigation - This story walks through our process of redesigning Uber Navigation using rapid prototyping and data-driven design. -
Skeleton Screens 101 - A skeleton screen is used as a placeholder while users wait for a page to load. This progress indicator is used for full page loads and reduces the perception of a long loading time by providing clues on how the page will ultimately look like. -
Design engineering ↘
Modern CSS in real life - Let's look at 5 new CSS things that really matter to real-world development. -
Scroll-driven animations - Scroll-driven animations are a common UX pattern on the web. These are animations that are linked to the scroll position of a scroll container. -
Tools and resources ↘
Design token visualizer by Adobe - This tool allows you to organically explore the relationship between these tokens by directly selecting tokens to expand their connections, filtering displayed values and connections by scale and theme, and by directly searching for token names or values. -
Inspiration and creativity ↘
101 design rules - Musings, ramblings, and principles that I've shared with my team and randomly on Twitter. Reminding yourself of the principles that ground you is simply a good practice. -
Hacking vs. working - The difference in the process and the maker's experience between “work” projects, and “hack” projects is so stark it's not even funny. -
Last but not least ↘
Non-interface factors that affect interface design - Here are some things that can affect the approach taken with an interface. -
Subscribe to the newsletter
Design and frontend links delivered to your inbox every day or week. No spam, unsubscribe at anytime.