blog

Vestiges d’un CSS Guru

Billet

2 nouvelles fonctionnalités sur bbxdesign

Depuis que mon thème est en réalité un Tumblr déguisé, j’essaye de l’alléger encore plus. J’ai au passage laissé tomber mon responsive design, trop mal implémenté de ma part.

1. Archives complètes (en une seule page)

Pas une grande révolution mais une fonctionnalité très pratique : une liste de tous mes billets, sur une seule page. Une manière de browser en survolant rapidement

2. Mode lecture

Mon site se dôte d’une version allégée : un mode où le superflu (sidebar, footer, navigation, header, logo) disparaît, ou juste prend moins de place.

Comment ça marche ?

En cliquant sur “Mode lecture“, ça enregistre un cookie “view” dont la valeur (0 ou 1) se retrouve dans la classe de la balise “html”. Du coup, si on active ce mode, on obtient :

<html class="view-1">

Après, c’est un simple remaniement en cascade avec la CSS, pour afficher/masquer les éléments, ajuster les float left/right, les position absolute/static, les padding, les margin…

Ça reste quelque peu expérimental, et s’inspire de Google Reader ou FFFFOUND!, grâce au script JS Paging Keys.