Jean-Charles Le Tousey

Activity feed

bookmark

Tornis

Tornis is a minimal JavaScript library that watches the state of your browser's viewport, allowing you to respond whenever something changes. Think of Tornis as a store for your viewport.

bookmark

Diving into the ::before and ::after Pseudo-Elements

This article is a gold mine about what we can do with ::before and ::after pseudo elements. We can use them to be decorative, to display quotes, to display HTML element's attributes, to play with images, to replace content, to control layout and even more.

bookmark

How to display language-specific quotes in CSS

For <blockquote>, with CSS, it is possible to display quotes accordingly to the user's language.

bookmark

WebC Starter Kit

A starter project for Eleventy (11ty) using WebC as a main template langage. Also includes opiniated assets processing and a few more bells and whistles.

bookmark

8 top Docker tips tricks for 2024

Whether you’re a Docker expert or new to the Docker community, you may be wondering about the best ways to optimize or get started quicker on Docker. As a Docker Captain and a Senior DevOps Engineer, I’ve been using Docker for more than six years, and I’m looking forward to some thrilling updates in 2024!

In this post, I’m excited to share my top 8 tips and tricks for Docker that I’ve gathered through real-world experience and insider knowledge.

bookmark

Modern CSS For Dynamic Component-Based Architecture

Today, we will explore modern project architecture, emphasizing theming, responsive layouts, and component design. We'll learn about features to improve code organization and dig into layout techniques such as grid and container queries. Finally, we'll review real-world examples of context-aware components that use cutting-edge CSS techniques. You're sure to be inspired to expand your CSS skills and ready to create scalable, future-friendly web projects.

note

Departure to get back to France after two intense weeks at the NoTube Eating School.

It is a success as our daughter has her feeding tube removed (til now)!

note

First day, for our daughter, without her feeding tube and she seems to manage it 💪

photo

The NoTube's house seen from the street

First day, at NoTube, of what could change the life of our daughter 🤞

article

One year (barely exceeded)

It’s time to do a retrospective now that my site celebrated its first anniversary, in June 2023. One thing is certain, I expected better.

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

It’s decided, I take back control of my data

The situation with Twitter really made me think about storing all my data on my site and no longer going through third party services first. Then I’m free to share them wherever I want.