2018
- About 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: <a> or <button>.
- Command line tips!
- Gradient fills for SVG icons
- A few wishes for privacy settings in Firefox
- Printing background colors with CSS and SVG
- Blogging with public drafts
- Reading books again
2017
- ReMarkdown.css
Styling HTML elements as if they were plain Markdown text.
- Using CSS variables in SVG icons
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)
- La vie sans jQuery
- 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
- Alternatives to the “em” CSS unit
- Image decorations for “object-fit”
2015
2014
- Push and Wait: the UX of pedestrian crossing buttons
- Namespaced HTML classes
- Remove extraneous indentation from strings
- Markdown heading in CSS comments
- Full page video background with media queries
How to build a video background that fully covers an element using iframes and media queries.
2013
2012
2011
- Icon font accessibility
- Fade-in / fade-out effects with CSS
- Basic styling of button elements
- Simple base stylesheet
- Le Web c’est pas en 72 dpi, coco!
Je vous propose de dézinguer un mythe du petit monde de l’informatique et du graphisme. Ce mythe dans sa plus simple expression: Le print c’est en 300 dpi, et pis le web c’est en 72 dpi. Et donc, ça c’e…
- Comment utiliser <abbr> en HTML?
- Tests with CSS Generated Content
- Espaces et signes de ponctuation haute
À propos des espaces associés aux signes de ponctuation français et leur utilisation sur le Web.
- Test de font-size-adjust (CSS 3)