Il est temps de faire une rétrospective maintenant que mon site a fêté son premier anniversaire, en juin 2023. Une chose est sûre, je m’attendais à mieux.
UI components powered by Finite State Machines. A collection of framework-agnostic UI component patterns like accordion, menu, and dialog that can be used to build design systems for React, Vue and Solid.js
How to style an element which breaks accross several lines
With the release of the #11ty v2 and the native integration of the i18n plugin, it's time for me to clean the way I manage #internationalization on my site.
Here is a great resource from @lene to get started to implement the explicit localization in #Eleventy
The different use cases for focus and focus-visible
There's been a bit of a brouhaha these last weeks as parts of the Internet suddenly woke up to the realization that most Single Page Apps are slow and overcomplicated, and — shock horror — it turns out that Facebook, the lovable scamps that brought us React and QAnon, have conducted themselves badly! Refreshingly, rather than launching a thousand caustic subtweets, this little stormwind has caused the blog posts to start flying again. Thank you, Elon “Vain gobshite” Musk. I'm totally here for it.
Description of the many concerns when managing a site with a static site generator.
Description of the process to make a page "look good". From the foundations to the finishing touches.
It's time to rethink how we cook a set of favicons for modern browsers and stop the icon generator madness. Frontend developers currently have to deal with 20+ static PNG files just to display a tiny website logo in a browser tab or on a touchscreen. Read on to see how to take a smarter approach and adopt a minimal set of icons that fits most modern needs.
La situation avec Twitter m'a vraiment fait réfléchir au fait de stocker toutes mes données sur mon site et ne plus passer par des services tiers en priorité. Libre à moi ensuite, de les partager où bon me semble.
How to fix the position of the 'copy' button for the syntax highlighting plugin in horizontal scrolling code blocks.
How to update webmentions with only the new ones.
Zetafonts is a independent type foundry established in 2001 by Francesco Canovaro, Debora Manetti and Cosimo Lorenzo Pancini. Powered by a team of branding and design veterans, Zetafonts offers a prolific portfolio of original typeface families, covering the world's major script systems and proposing a wide range of innovative and stylish typographical solutions for digital and print designers.
Capitalics Warsaw Type Foundry is the very first foundry in Poland. With a passion for good typography, a group of writers from the capital city of Warsaw decided to join forces and create a unique library of typefaces. The ever-growing graphics market requires a special approach. Our offer is addressed to conscious designers seeking original and technologically advanced fonts.
The type foundry of David Jonathan Ross (DJR), home of the Font of the Month Club. Making fonts such as Fit, Forma DJR, Gimlet, Manicotti, Input, Turnip, Condor, Trilby, Fern, and Output.
How to debug Node.js scripts like they are in the browser.
CSS custom properties are AMAZING. I'm going to attempt to name and roundup all the categories and strategies of custom props that I've come across.
CSS Motion path allows you to position any graphical object and animate it along a specified path.
CSS is condtional in many ways. In this article, I will go over a few CSS features that we use every day, and show you how conditional they are.