Top prototyping & design handoff tools that you should have in your toolbox - A quality prototyping tool allows its user to prove design concepts. Also allows to fine-tune designs. And accurately… - Sponsored
Week 38
Top design and frontend links this week.
Highlights of the week ↘
New logo and identity for Volkswagen done in-house - The new logo is not bad, really. It actually has a little bit of an awkward, imperfect design… -
Chakra design system - Chakra UI is a simple, modular and accessible component library that gives you all the building blocks you… -
Flexbox cheatsheet inside VS Code - Another week, another VS Code extension. I’ve published two so far and this is my third in just… -
Design ↘
The gradual design system: How we built Slack Kit - In 2016, Slack was two years old and already used by millions of people. Our codebase had grown… -
How Spotify is upleveling their entire design team - In this video case study, Spotify shares how their Framer X toolkit is empowering designers to prototype with… -
Dark mode: Working with color systems - The requirements for designers to be more structured has been surging across the industry these past years. And… -
Cooperative design systems - Stop me if you’ve heard this one before: There once was an organization whose products lacked harmony. Its… -
Data-driven design is killing our instincts - Valuing data over design instinct puts metrics over users. Design is no longer subjective. Data rules our world… -
Development ↘
Horrible interfaces and how to build them - With the purpose of learning some vanilla Javascript, CSS, and HTML, let’s talk about how to build some… -
Introducing hover: hover - Most touch and mobile devices have no easy way to hover and many offer no way at all.… -
Logical operations with CSS variables - Very often, while using switch variables (a variable that's either 0 or 1, a concept that's explained in… -
Machine learning for front-end developers - Using JavaScript and frameworks like Tensorflow.js is a great way to get started and learn more about machine… -
Tools and resources ↘
Button contrast checker - Enter your domain and we test if your buttons have enough contrast and are compliant with WCAG 2.1.… -
Figmac: Make Figma feel more at home on the Mac - A super lightweight Figma desktop app that delivers a more natural Mac experience. Figmac is only 1.5MB, making… -
Spf – Screen polarizer - Spf is an easy-to-use, open source app to add a semi-opaque layer over your screen in order to… -
Can I email… Support tables for HTML and CSS in emails - Based on the original caniuse.com by @Fyrd and designed by @Lensco. Also based on the original name and… -
SVG to JSX - This plugins allows you to copy SVG code as a react component so that you don't have to… -
Inspiration and creativity ↘
The Bauhaus: Finding creative inspiration in collaboration - One hundred years later, what can UX learn from the iconic design school? Computing technology and the precision… -
How video games inspire great UX - “Perspective is worth 80 IQ points.” - Alan Kay. This quote is meaningful to me as I’ve often… -
Self development ↘
How to deal with people who don’t “get” design — design and strategy - A practical guide on minding other people’s business. At this year’s UX Days conference in Paris, I asked… -
User research interview tip: Shut. Up. - If you were to look at Robert Caro’s notebook, you would see lots of “SU”s, short for “Shut… -
Last but not least ↘
Apple just shipped web components to production and you probably missed it - Yesterday Apple announced the release of the new beta Apple Music Web Client, giving Apple Music customers the… -
Subscribe to the newsletter
Design and frontend links delivered to your inbox every day or week. No spam, unsubscribe at anytime.