Picture the keypad of a telephone and calculator side by side. Can you see the subtle difference between the two without resorting to your smartphone? Don’t worry if you can’t recall the design. Most of us are so used to accepting the common interfaces that we tend to overlook the calculator’s inverted key sequence. A calculator has the 7–8–9 buttons at the top whereas a phone uses the 1–2–3 format.
Développer vos sites et applications en utilisant des composants prêts à l’emploi, accessibles et ergonomiques
Depuis plus d’un an et demi, le Service d’Information du Gouvernement (SIG) construit cet outil avec l’aide de nombreux développeurs et designers de la sphère publique. À la clé : retour d’expériences, rejoindre la communauté et gagner du temps.
SVG, short for “scalable vector graphics” is a format for, well, scalable vector graphics. In this article I summarize my opinion of the format, what its problems are and suggest what could be done to improve things.
A highly-flexible new variable font.
Built to maximize versatility, control, and performance, Recursive is a five-axis variable font. This enables you to choose from a wide range of predefined styles, or dial in exactly what you want for each of its a
Datalegreya is a typeface which can interweave data curves with text. It is designed by Figs, on the basis of open source font Alegreya Sans Thin SC by type designer Juan Pablo Del Perla.
For all its transcendental appeals, art has always been inextricably grounded in the material realities of its production, an entwinement most evident in the intriguing history of artists’ colours. Focusing in on painting’s primary trio of red, yellow, and blue, Philip Ball explores the science and stories behind the pigments, from the red ochre of Lascaux to Yves Klein’s blue.
Forget everything you know about CSS. Or at least, be ready to reconsider a lot of it. If like me you’ve been writing CSS for over a decade, CSS in 2020 looks nothing like what you were used to.
Instead of breakpoints, we can now leverage CSS Grid to make dynamic, responsive layouts that adapt to any viewport size with fewer lines of code. Instead of relying on global stylesheets, CSS-in-JS lets us colocate our styles with our components to build themeable design systems.
And most of all, Tailwind CSS has burst onto the scene and, through its use of utility-first CSS, forced us to reconsider the traditional dogma of semantic class names.
Whether all this change makes you want to write a hyped-up blog post or an angry Twitter rant, we are here to present the data, highlight the trends, and hopefully guide you through another eventful year of CSS!
Typography accounts for 95% of web design. Your font choice can be critical for branding, readability, and performance.
Over time, recommendations for using web fonts have changed as browsers adopted new standards. Now in 2021, I wanted to learn the best practices for using web fonts on high-performance sites.
See all those companies? They’re not our customers. But they could be. They all discovered the same truth we did: people implicitly trust logos set in Helvetica.
So don’t worry about all those “arty” types who insist that other fonts are sometimes useful. Do the right thing: spend a large amount of money on a “rebrand” you could have made yourself in five minutes.
This post introduces a new model for a path drawing (pen) tool, with a particular focus on font design.
Although this tool works much like familiar pen tools (which are based on the manipulation of Bézier curves), it is actually based on a new family of two-control-point curves, which we’ve been calling the hyperbezier.
This work is still in its early stages, and the demo below is quite barebones; my goal here is to get a simple version of this tool into the hands of designers and design-tool makers, so that more people can start to play around and evaluate it.
Colours of the year.