Build, design, and deploy fully functional front-end solutions - no coding required - Mason lets you build features and user experience solutions that are fully-functional, period - Sponsored
Week 7
Top design and frontend links this week.
Highlights of the week ↘
The immutable rules of UX (Jakob Nielsen keynote) - Jakob Nielsen's keynote at the Las Vegas UX Conference discussed the foundational principles of user experience that are… -
The end of the celebrity designer - We’ve all seen it happen. A well-publicized product or feature launch that awards a single person credit for… -
Design ↘
How I turn a Google doc into a SaaS landing page in 10 min - 10 mins for a SaaS Landing page... That's around what it takes me (and what it should take… -
Crafting smarter interfaces with anticipatory design - Decision fatigue paralyzes users and leads to poor decision-making… here’s how you avoid it. -
Animation handoff: how to make sure what you design is what the developers build - Recently, I’ve been creating some animations for the project I am currently working on. Before I started with… -
Design systems, sprint weeks and other UX snake oils - If you clicked on this article because the title got your blood boiling, then go make a cup… -
The mystery of color - What do you know about color? You probably know some basics of color theory: Colors live in a… -
Development ↘
Build better component libraries with styled system - Component-based design is an increasingly popular process for developing web interfaces. It was once common for organizations to… -
Links that don’t go anywhere should be buttons - This morning I tweeted a blog post about Back to Basics: Non-Navigating Links for JavaScript Handling and rightfully… -
Do I have to add a dark mode now? - I thought it’d be a nice, albeit silly experiment to learn what is involved in designing a dark… -
HTML slides without frameworks, just CSS - I am a huge fan of reveal.js and have used it for almost every talk I’ve ever given.… -
How to architect a complex web table - Tables frequently appear on the web but aren’t easy to design and code. This illustrated guide explains the… -
Tools and resources ↘
Ditch the code & build a custom login form for your web app with Mason - Creating a user login form for your product or app without writing code yourself could be tricky. You… - Sponsored
Better overrides, a brand new Fill Popover and faster prototyping in Sketch 53 - Sketch 53 is here and brings with it a number of exciting new features, including a totally redesigned… -
Motion branding guidelines - Using the following guidelines you will achieve consistency and recognition in motion branding. -
Talks from DesignOps 2018 - f you’re just getting your feet wet with DesignOps and ResearchOps, or are a seasoned Chief Operating Officer,… -
Inspiration and creativity ↘
Animated CSS burger components - Available as plain html/css or as React components. This burger component is part of the Dashboard UI Kit… -
Information design in public transportation - In the past centuries, cartographers — the true pioneers of information design — mapped out the world with all the intricate details… -
Meet the chameleon menu - In June 2017 we published our new company website here at Guava. It was quite a milestone for… -
Last but not least ↘
Do schools kill creativity? - Sir Ken Robinson makes an entertaining and profoundly moving case for creating an education system that nurtures (rather than undermines) creativity -
