Jean-Charles Le Tousey

Activité

article

Un an (à peine dépassé)

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.

bookmark

Zag

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

like

box-decoration-break helps to define how elements should be rendered across lines

How to style an element which breaks accross several lines

like

How to detect disabled javascript in css

You can now react with CSS media queries to disabled Javascript and not only with the <noscript> tag.

note

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

#WebDev

https://www.lenesaile.com/en/blog/internationalization-with-eleventy-20-and-netlify/

like

When is :focus-visible visible?

The different use cases for focus and focus-visible

like

What to expect from your framework

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.

like

Thoughts on My Publishing Workflow

Description of the many concerns when managing a site with a static site generator.

like

Some simple ways to make content look good

Description of the process to make a page "look good". From the foundations to the finishing touches.

bookmark

How to Favicon in 2023: Six files that fit most needs

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.

article

C'est décidé, je reprends le contrôle de mes données

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.

like

Code for copying code: the Eleventy edition

How to fix the position of the 'copy' button for the syntax highlighting plugin in horizontal scrolling code blocks.

like

Updating webmentions on a static site

How to update webmentions with only the new ones.

bookmark

Zetafonts · the Italian type foundry

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.

bookmark

Capitalics Warsaw Type Foundry

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.

bookmark

DJR

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.

like

Debugging Node.js, The Right Way

How to debug Node.js scripts like they are in the browser.

like

10 powerful ways to use CSS variables

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.

like

Day 88: CSS Motion Path

CSS Motion path allows you to position any graphical object and animate it along a specified path.

like

Conditional CSS

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.