J'aime bien cette approche.
Traduction de la page d'arrivée :

Ce site web est un simple fichier HTML. Il utilise simplement le suffixe #anchor (de 1992) et le sélecteur CSS :target pour afficher et masquer les pages/contenus.

Cette configuration est sans base de données, sans javascript et sans buildshit, de sorte que vous pouvez éditer votre site web avec un éditeur de texte et le télécharger quelque part comme une personne normale.
Faites-le vous-même :

1. Téléchargez index.html et style.css
2. Ajoutez une <section> avec un id pour définir une nouvelle page dans index.html

<section id="contact">
Contactez-moi !
</section>

3. et si vous le souhaitez, un lien vers le site dans <nav>

<a href="#contact">Contact</a>

À cogiter pour ailleurs !

This website is a single HTML file. It simply uses the #anchor suffix (from 1992) and the :target CSS selector to show and hide pages/content.

This setup is databaseless, javascriptless, and buildshit-free, so you can edit your website with a text editor and upload it somewhere like a normal person.
Do it yourself:

1. Download index.html and style.css
2. Add a <section> with an id to define a new page in index.html

<section id="contact">
Contact me!
</section>

3. And if you want, a link to it inside <nav>

    <a href="#contact">Contact</a>

via https://links.shikiryu.com/shaare/7kU41Q

Mais c'est génial ça ! Trop facile !
« Petite astuce (avec une seule ligne de CSS) pour mettre [...] une petite icône quand il s'agit d'un lien externe ».

Soit : «
Donc dans le fichier inc/shaarli.css, j'ai ajouté une ligne en dessous de la 234 pour y mettre :
.linktitle a[href^="http://"]:after, .linktitle a[href^="https://"]:after {content: url('../images/ico_ext_link.gif');margin: 0px 0px 0px 2px;}
Et évidemment, j'ai ajouté l'icône dans le dossier images.

EDIT : Le lien direct vers l'icône pour ceux que ça intéresserait : http://links.nekoblog.org/images/ico_ext_link.gif
»

via http://sebsauvage.net/links/?5GH0Hg

Plein d'idée pour faire mumuz avec le CSS (page d'accueil rework again).

via Bajazet

Sympa !

(c'est pour mon adapatation du template Square de MinigalNano qui va roxxer de la licorne!)

Miam, encore du bon.
Cela me donne de bonnes idées pour la refonte de ma page d'accueil.

Le projet Serval, faut que je teste ça ASAP.

via http://korben.info/serval-rendre-les-communications-mobiles-totalement-libres.html
merci http://azikan.free.fr/ , d'ailleurs ta page d'accueil est juste excellente, où est-ce qu'il y a moyen de gratter les sources ?

Ca c'est juste très bien. Un certain nombre de bonnes pratiques.

Hop, un petit récap des outils pour faire des présentations.

Dommage que je n'ai plus de *.ppt à faire...

Pas mal, ce shaarlieur a utilisé de simple url pour offrir la possibilité à ses lecteurs de partager sur FB ou twitter ses « shaarliages ».
Je pense ajouter ça sur mon site avec un « partager par email ».

Ça sera le jour où je me mettrais à refaire le CSS de mon site.

Pour un jour où je m'occuperais sérieusement du design de mon site...

(via http://sebsauvage.net)

Et ça rejoint très bien le récent billet de Timo : http://lehollandaisvolant.net/?d=2012/11/24/20/37/08-css-faire-un-theme-mobile-avec-html5-et-responsive-design

Toutes les explications pour bien faire un responsive design ! Je crois que aujourd'hui c'est incontournable (je ne m'y penche pas par manque de temps mais ça doit être passionnant à faire) et j'apprécie vraiment quand je tombe sur un site qui le fait (et qui le fait bien).

J'ai tellement horreur des sites qui me mettent une page pour me proposer de télécharger l'appli ou continuer sur le site mobile et qui ensuite me disent que la page n'est pas disponible pour les mobiles (merci 20minutes.fr).

Bon, comme je vois que certains sont intéressés par Shaarli en français (http://bajazet.fr/shaarli/?IjmV_g), voici enfin les sources « nettoyées » que j'utilise.

J'ai juste enlevé mes codes Piwik et l'arrangement cosmétique CSS mais sinon, promis rien ne change par rapport à Shaarli v40beta publié par sebsauvage (dont j'ai fait une copie ici : http://orangina-rouge.org/blogotext/files/shaarli_0040beta.7z ; on ne sait jamais, ça peut servir...).

Servez vous :-), c'est libre .

Pensez juste à me faire un retour si j'ai oublié quelque chose, je livrerai une nouvelle version.
J'en profite pour vous dire que je suis dispo pour des traductions (anglais --> français) ; si votre projet (libre de préférence) m'intéresse, je peux vous filer un coup de patte pour le franciser en collaboration avec vous. NB : bien entendu c'est gratuit, mieux : c'est libre. Je fais ça sur mon temps personnel (qui est limité) mais quand un truc me botte bien, j'aime faire un don de temps de cette manière.

J'aime bien son idée de pouvoir avoir un script PHP qui récupère une copie de la page dont on partage le lien.

J'aime bien cet effet, j'aimerais bien le mettre en place sur ma page d'accueil !

Que faut-il utiliser pour la balise font-size ?
Déjà, on peut benner le 'px'. Ensuite il reste em ou %. Et le % est bien le mieux approprié ! (et surtout le plus simple à mettre en oeuvre).

De nombreuses astuces en CSS. A plonger !

Timo nous dégoûte toujours des trucs impressionant.

Ici un moyen de faire une transition douce entre deux couleurs pour un bloc ou du texte...

Une manière très simple de créer une barre de navigation fixe sur son site. Tout simplement.

Il faut que je l'affine, la personnalise mais la base est la.

à tester prochainement pour ajouter un bouton de renvoi (sans javascript) vers le haut de page où en détourner l'usage pour faire un menu accessible en permanence avec mes différents sous-sites.

Ah, j'aime bien l'effet que le designer a donné a son site avec les mains qui tient par les côtés le « corps » du site et qui défile avec le scroll ! Bien pensé, c'est la première fois que je vois ça.

Après la forme, le fond ; ce billet récapitule bien et simplement ce sur quoi il est possible de jouer en CSS sur une image.