Gabarits HTML et CSS simples (édition 2024)
Mise à jour d’une série de gabarits de mise en page web, créés initialement en 2008, avec les techniques CSS de 2024.
Florens Verschelde
Latest posts
Don’t use stale bots
It’s okay for a software project to have a lot of open issues. It’s okay if you’re not able to triage issues, let alone close them. It’s not okay to use stale bots.
Transparent iframes and dark mode
Today we’re talking about how transparent iframes, dark mode, unreadable text and varying levels of browser support are doing my head in. But don’t worry, there’s light at the end of the tunnel.
Designing calculator apps
Looking at different calculator apps, we reflect on the imitative nature of all software and the dreaded concept of skeuomorphism.
RAW Power 3: an affordable digital photo development app for macOS
My personal review of RAW Power, a photo editing app for macOS and iOS that is shaping up to be an alternative to Lightroom or Aperture.
Learning XState by refactoring an old project
I’ve been wanting to learn XState, a JavaScript state machine library. I had one exercise in mind: porting the hand-rolled state code in the small click precision game I built last year, if possible.
Laptop fundraiser: complete!
I asked if people wanted to gift me money to buy a laptop. Here’s what happened then.
A quick look at privacy-focused analytics for small sites
Looking for tools that are privacy-conscious, tell me which pages are the most visited, and are cheap enough.
A DevTools Retrospective: Or, Fund Me Maybe
In which I look back at my design and code work on Firefox DevTools and, well, ask kind readers to help me buy a laptop.
PHP code typing with Kirby CMS
Kirby 3 is built with PHP 7 and uses type annotations extensively, but this often won’t be reflected in an IDE. This post explores why, and what workarounds you can use.
Where should you put logic code in Kirby CMS?
Kirby CMS has a few options for where to put your PHP logic: in templates, controllers, page models or page methods. My favorite is page models, and we can work around their main limitation easily.
A short history of body copy sizes on the Web
It’s hard to pick a font size that is just right, especially as you try to adapt to different screens and scenarios. Looking at the recent history of how we got here can give us some perspective.
Et tu cliques cliques cliques, à côté du bouton ♫
Que ce soit à la souris ou sur un écran tactile, un pourcentage de nos clics tombera à côté de la cible, voire sur le bouton voisin. C’est un peu frustrant, mais n’est-ce pas une fatalité ? Regardons ça de plus près.
Interview sur Alsacréations
J’ai donné une petite interview pour le site alsacreations.com, un site communautaire autour des technologies web.
Static site generators
I’ve been looking for a decent static site generator to build a simple, 10-page-or-so documentation site, and I’m failing. Here are some notes on my journey, to serve as a warning sign to future travellers, and thoughts on what static site generators could do better.
Styling buttons, the right way
Learn how to create an accessible button style which can be used with the correct semantic element: or .
Command line tips
Semi-random tips I’ve learned that help working with the command line.
Gradient fills for SVG icons
It’s definitely possible! But it’s not as easy as using linear-gradient in CSS. We explore a few techniques for using gradient fills on SVG icons in a web page.
A few wishes for privacy settings in Firefox
Firefox could do more to limit online tracking. Recently with the Quantum effort, Mozilla rebranded Firefox along three attributes: speed, customization and privacy. Yet the browser’s defaults allow most tracking techniques by default, for the sake of compatibility with existing websites.
Printing background colors with CSS and SVG
Web browsers do not print background colors by default. Here’s a trick for printing a flat color, e.g. if you have a white logo or graphic.