Redesigning Design Systems - Redesigning Design Systems
Design
inside design at teenage engineering
By Jonathan Simcoe
Designing for Digital Confidence
The next wave of internet users is coming online. Are your products ready?
Support for align-content in block and table layouts | Blog | Chrome for Developers
From Chrome 123 use align-content to align items without creating a flex or grid container.
Font with Built-In Syntax Highlighting
An experiment in javascript-free syntax highlighting, made possible by opentype contextual alternates and COLR table
The Humanmade Mark
An urban fantasy podcast of tape recordings by the curator of a secretive london-based art auction house.
Inline conditionals in CSS, now? • Lea Verou
How I Learned To Stop Worrying And Love Multimedia Writing — Smashing Magazine
Balancing the age-old simplicity of words on paper with the myriad creative possibilities of the web is a tension as old as the web itself. Leaning into that overlap can bring new dimensions not just to the things we write but also to how we write them.
Advanced Data Visualization Techniques with D3.js and Plotly
The Never-Ending Job of Selling Design Systems
You didn’t start your web career to be a politician or salesperson. But if you want to work on design systems, you have no choice. Ben Callahan shows you how to convince executives to fund the init…
Craft and Beauty: The ROI of Marrying Form and Function | Figma Blog
Leaders from Stripe, Linear, and Figma explore how craft and beauty are core to product and business growth.
Coca-Cola's logo free-for-all makes a refreshing change
Throw out those brand guidelines!
RichardLitt/standard-readme: A standard style for README files
A standard style for README files. Contribute to RichardLitt/standard-readme development by creating an account on GitHub.
Hardest Problem in Computer Science: Centering Things
Somehow we forgot how to center rectangles and must find our way back
Mixing Modern with Victorian Interior Design
You may have heard the term “modern Victorian interior design,” and if you find it somewhat confusing, don’t worry, you’re not the only one
Reimagining Gantt charts for UX project management - LogRocket Blog
Gantt charts, if applied correctly, can be a strategic asset for keeping your head above the waves of complexities in UX projects.
Sacred Geometries and Scientific Diagrams Merge in the Metaphysical World of Daniel Martin Diaz — Colossal
Nature, science, perception, and the arcane merge to form the foundational philosophy of Daniel Martin Diaz’s practice.
CSS for printing to paper
How to validate your product idea
6 simple steps to ensure your product idea is necessary, marketable, and primed for success
Okay, Color Spaces — ericportis.com
Which is better; Zoom, Teams or Meet?
Three video conferencing tools that are objectively very similar, but that often trigger a cult-like preference. But which has a better UX?
How To Center a Div
Back in the day, centering an element was one of the trickiest things in CSS. As the language has evolved, we’ve been given lots of new tools we can use… But how do we pick the best option? When do we use Flexbox, or CSS Grid, or something else? Let's dig into it.
moonlearning-FigmaMeets | Figma Community
Working material to the Smashing Meets Figma talk. In the talk, I cover how to connect spreadsheets and APIs with Google Sheets and the amazing Kernel plugin. Follow video at: https://www.youtube.com/watch?v=Njf_xX0mPWs
Some use cases for revert-layer
It's time to start using this underutilized keyword, even if you're not using cascade layers yet.
Why are traditional knobs not replaced by touchscreens in cockpits? - Quora
Answer (1 of 5): They can be for certain tasks, but in turbulence or emergency situations you need precision in action, which is difficult to do with a touchscreen - you don’t want to touch the incorrect icon and exacerbate the emergency situation or activate/deactivate a system unnecessarily. If...
Klarna brand guidelines
Proudly pink.
Golden Rules for Typography on the Web by Richard Rutter
Typography is what comes between the author and the reader. This is as true on the web as it is in any other medium. If a text has anything at all significant to say, it needs a typographer’s care, which will in turn be repaid by the reader’s attention. If you design websites or use CSS then you are a typographer whether you know it or not.
The ideal line length & line height in web design - Pimp my Type
Line length & line height are crucial if you want your text to look pleasant. This article shows how they are interconnected and what to focus on when setting it in web or app design.
Avoid centered text - Pimp my Type
This typographic review shows why you should not center text that spreads across multiple lines to improve readability.
The Feature Trap: Why Feature Centricity Is Harming Your Product — Smashing Magazine
Most product teams commonly adopt a feature-centric mindset, finding them convenient for brainstorming, drafting requirement documents, and integrating into backlogs and ticketing systems. In this article, Andy Budd shows how fixation with features might be holding you back and how making a few small tweaks to your process could make an entire world of difference.