2018
-
Styling buttons, the right way
Learn how to create an accessible button style which can be used with the correct semantic element: <a> or <button>.
-
Command line tips!
Semi-random tips I’ve learned that help working with the command line.
-
Gradient fills for SVG icons
Using gradients on SVG icons is not as easy as using linear-gradient in CSS, but it can still be done. Let’s explore a few techniques.
-
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.
-
Blogging with public drafts
I’m a perfectionist and often take too long to hit Publish on an article, or to finish a draft that got out of hand. One solution I found is to just publish the draft.
-
Reading books again
I had pretty much stopped reading books in the past few years, and wanted to change that. So I got an e-reader a year ago, and it worked.
2017
-
ReMarkdown.css
Styling HTML elements as if they were plain Markdown text.
-
Using CSS variables in SVG icons
Pass several colors and styles to a SVG symbol instance, using CSS Custom Properties. This requires preparing SVG icons to accept specific names.
2016
-
The math of CSS Locks
CSS Locks are a Responsive Web Design technique that lets you transition smoothly between two property values when the screen gets smaller or bigger.
-
CSS Selector Wars (KiwiParty 2016)
Support de présentation de ma conférence à la KiwiParty 2016 à Strasbourg. On y parle de stratégie pour gérer ses styles CSS sans provoquer des conflits dans tous les sens.
-
La vie sans jQuery
Pour apprendre à utiliser le DOM, passez-vous de jQuery sur votre prochain projet.
-
How to work with SVG icons
A complete guide to SVG icons in HTML pages, with the symbol sprites technique.
-
Browser support for SVG symbol sprites
All modern browsers support using SVG symbols from a different SVG element in the same page, or from a remote SVG document on the same domain.
-
Alternatives to the “em” CSS unit
You don’t have to use the “em” for everything. Pixels are probably better for media queries and layout, and “rem” can be useful for text.
-
Image decorations for “object-fit”
When using “object-fit: contain”, the painted image may be smaller than the actual <img> element. Styling this image becomes challenging.
2015
2014
-
Push and Wait: the UX of pedestrian crossing buttons
I came across a discussion of pedestrian crossing buttons today and I find it really interesting from a usability and user experience point of view, so I wanted to share a few thoughts.
2013
-
The right camera
Don’t buy a new camera. Use the one you already have instead. The right camera is the one you have.
-
My next design
For maximum visual impact and touch-awareness, button height should be equal to the average adult’s thumb width times the Golden Ratio.
-
Last.fm scrobbling
I removed last.fm scrobbling from all the music players I was using on my computers and on my phone. I closed my last.fm account, whose pages now show a “User not found” message along with a cute sad mixtape icon. Here’s why.
-
The Virgin
This might be the hardest thing I’ve tried to write to this day. This is about me, and the title says it all.
2012
-
Ceci n’est pas du second degré
Le second degré, le vrai, c’est super sérieux et c’est super dur à faire correctement. Il ne suffit pas de dire quelque chose «juste pour rire», ça n’a même rien à voir.
-
I’m not a feminist, but—
Do you sometimes ridicule feminists because they’re so extreme/illogical/irrelevant? Do you feel that being described as a feminist would be insulting? Then I have news for you: you might be a feminist anyway.
2011
-
Espaces et signes de ponctuation haute
À propos des espaces associés aux signes de ponctuation français et leur utilisation sur le Web.
2010
-
Music tagging done right
Call me a computer freak or a music nerd if you will, but I like to tag my music with more than the dead simple artist/title combo. Only problem is, music players just don’t care.
2009
-
La fusion des marges en CSS
D’où viennent les écarts étranges que l’on observe parfois entre certains blocs d’une page? Comment se fait-il que des marges disparaissent? Et pourquoi cette marge-là semble-t-elle s’appliquer à mon conteneur et pas à mon titre ou mon paragraphe? La fusion des marges pourrait bien être derrière tous ces mystères.
-
À quoi servent les balises “meta”?
Question éternelle des forums de discussion sur la conception web et le référencement: les balises META, ça sert à quelque chose? C’est pris en compte par les moteurs de recherche? Est-ce que ça permet d’allonger les péniches?