L'édition 2020 de la désormais classique page du Hollandais Volant.

Purée, le web de 2019 me PÈTE LES COUILLES.
Et du coup, merci uBlock-origin:
www.huffingtonpost.fr###right-rail-trending
www.huffingtonpost.fr##.follow-us__body
www.huffingtonpost.fr###videos-for-you
www.huffingtonpost.fr##.yr-share.desktop-only.share-bar--sticky.share-bar > .share-bar__list
www.huffingtonpost.fr##.popup-overlay
www.huffingtonpost.fr##.newsletter-toaster__inner-container

EDIT: N'oubliez pas que quand une page vous fait chier comme ça, sous Firefox pressez CTRL+ALT+R et pouf ! Vous pouvez lire l'article sans pollution visuelle.
Framasky me signale qu'il existe même une extension pour passer automatiquement Firefox dans ce mode quand vous consultez certains sites: https://addons.mozilla.org/fr/firefox/addon/auto-reader-view/

J'aime beaucoup cet article à propos des soit disant gains de Google AMP et les Progressive Web Apps.
La simplicité a ses vertues.

Détection de l'orientation de l'écran, audio, vidéo, GPS... ce qu'on peut faire ou non avec un navigateur moderne.
(via https://korben.info/%ef%bb%bfhtml5-jusquou-pouvez-aller-api-aujourdhui.html)

Différentes choses qu'on peut faire en pure CSS, sans Javascript: fenêtre modale, tooltips, carousel, treeview, menu...

Ah... c'est quoi cette manie débile des sites web "modernes" de faire du texte gris clair sur fond blanc ???  >:-(
Ajoutez à ça des polices super-fines, c'est très franchement pénible à lire.
EDIT: Ah ben y'a même un site pour ça: http://contrastrebellion.com/
EDIT: http://www.telegraph.co.uk/science/2016/10/23/internet-is-becoming-unreadable-because-of-a-trend-towards-light/

Liste de pages 404 originales (via http://shaarli.warriordudimanche.net/?EV1jxQ)

Un outils pour savoir facilement si vos pages sont adaptées aux mobiles.

Un outils de webdesign à la DreamWeaver. Ca peut être sympa pour faire des maquettes (convertibles en squelette de site, si le code n'est pas trop moche). (via http://www.warriordudimanche.net/shaarli/?W2tFCQ)

Comment mettre une favicon correcte pour son site. Oui, c'est la merde totale et j'ai envie de vomir rien qu'à lire le document.
Voir aussi : http://www.jonathantneal.com/blog/understand-the-favicon/

« Cher RSF.

Autant je vous aime et admire ce que vous faites à travers le monde, autant votre site web
actuel me donne envie de METTRE UN GIGANTESQUE COUP DE BOULE DANS L’ÉCRAN.

Je parle de la popup d'inscription à la newsletter que vous nous collez dans la tronche
dès qu'on arrive sur votre site, empêchant de lire l'article.

Pour ajouter à l'insulte, comme mon navigateur est configuré pour effacer les cookies à
la fermeture (mesure de protection de ma vie privée), j'ai droit, encore et encore,
à cette popup chaque fois que je reviens consulter votre site.

PAR PITIÉ, nous sommes en 2012, ne faits plus ça. Non, ce n'est pas une bonne idée,
ni du point de vue design, ni du point de vue ergonomie.
Mettez le formulaire d'inscription dans un coin, même en rouge clignotant sur fond bleu et jaune
avec plein de gifs animés si vous voulez, ça sera moins insupportable que cette infâme popup.


signé: un autre webmaster. »


EDIT: J'ai aussi propose un bandeau en haut d'écran qui se rétracte de lui-même. RFS m'a répondu, ils étudient la question.

Pour les icônes de votre site, au lieu d'utiliser des images vous pouvez aussi utiliser des webfonts. Certes vous êtes cantonné à une seule couleur, mais vous pouvez l'avoir à toutes les résolutions. Pas bête comme idée. (via http://blog.idleman.fr/?p=994)

Des fontes libres d'utilisation, même pour usage commercial. Ce qui est bien, c'est qu'on peut aussi les télécharger en format WOFF (WebFonts): cliquez sur "@font-face Kit". En prime le zip contient les CSS déjà prêtes et un exemple html. Cool.
EDIT: Attention les CSS @font-face qu'ils génèrent ne sont pas corrects.

Tiens c'est pas mal, ça ! C'est même mieux que les ancres, car on peut mettre en valeur un passage spécifique du texte.
Mais qu'est-ce qui se passe si le texte est ensuite édité par l'auteur ? ça décale ?

Quelques astuces antispam pour mettre votre email dans une page web. J'utilise l'astuce de la règle CSS pour l'écriture de droite à gauche.

Twitter: Pourquoi une pauvre page affichant au maximum un message de 140 caractères met autant de temps à se charger et ne marche pas sans javascript ? Si je développais ça en milieu professionnel, je me ferais lyncher.

Comment utiliser une rewrite-rule d'Apache pour faire du watermarking automatique sur toute les images d'un site (pratique pour changer ou retirer le watermark partout d'un coup).

Pas brillant, hein ? C'est pour cela que j'essaie de garder mes pages légères.

Oh... Google/Bing/Yahoo liés pour définir des méta-tags, j'en connais qui vont plancher sur l'optimisation de leur site web.

Je suis globalement d'accord avec lui (sauf pour la longueur des lignes sur écran mobile: là il devrait sérieusement changer de navigateur et prendre par exemple Opera (qui - quand vous zoomez - adapte la largeur de la colonne de texte à l'écran).

+1 (pour être ne train de faire un site interne à une entreprise, je peste contre ce $*#@! d'IE. Les pages marchent *naturellement* dans tout les navigateurs sans problème, sauf dans IE. Ensuite il faut bricoler pour que ça marche dans IE).

Pour faire des dégradés sans image, et qui marchent bien dans tous les navigateurs (oui, même IE).

C'est vraiment facile et rapide.

Gniark ! bien fait. ça leur fera les pieds. Vive htaccess

Le nouveau validateur unifié du W3C (que vous validiez de l'HTML, des CSS, de l'XML ou des RSS). Pratique.