Liens en vrac de sebsauvage2023-11-13T19:05:26+01:00https://www.sebsauvage.net/links/https://www.sebsauvage.net/links/https://www.sebsauvage.net/links/John Doe’s page - Shaarli ¦ Orangina Rougehttps://www.sebsauvage.net/links/?yLf6oQ2023-11-13T19:05:26+01:00Je garde ça sous le coude pour le principe KISS low-tech.<br>(<a href="https://www.sebsauvage.net/links/?yLf6oQ">Permalink</a>)8 Websites You Need to Stop Building - The Oatmealhttps://www.sebsauvage.net/links/?P-XdEg2021-02-23T12:59:47+01:00Excellent.<br>(<a href="https://www.sebsauvage.net/links/?P-XdEg">Permalink</a>)Les trucs qui me font détester votre site web en 2020 - Le Hollandais Volanthttps://www.sebsauvage.net/links/?PoAjRA2020-01-09T14:05:05+01:00L'édition 2020 de la désormais classique page du Hollandais Volant.<br>(<a href="https://www.sebsauvage.net/links/?PoAjRA">Permalink</a>)Totalement illisiblehttps://www.sebsauvage.net/links/?skjPLA2019-04-15T16:59:28+02:00Mais PURIN les sites web en écriture pattes-de-mouche sérif en gris clair sur fond blanc >< <br />
RRhhhââââ<br />
(Si vous êtes sous Firefox et que vous arrivez sur ce genre de site, pressez CTRL+ALT+R pour avoir une version plus lisible.)<br>(<a href="https://www.sebsauvage.net/links/?skjPLA">Permalink</a>)Le Web de 2019https://www.sebsauvage.net/links/?frqU4g2019-04-01T11:05:29+02:00Purée, le web de 2019 me PÈTE LES COUILLES.<br />
Et du coup, merci uBlock-origin:<br />
www.huffingtonpost.fr###right-rail-trending<br />
www.huffingtonpost.fr##.follow-us__body<br />
www.huffingtonpost.fr###videos-for-you<br />
www.huffingtonpost.fr##.yr-share.desktop-only.share-bar--sticky.share-bar > .share-bar__list<br />
www.huffingtonpost.fr##.popup-overlay<br />
www.huffingtonpost.fr##.newsletter-toaster__inner-container<br />
<br />
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.<br />
Framasky me signale qu'il existe même une extension pour passer automatiquement Firefox dans ce mode quand vous consultez certains sites: <a href="https://addons.mozilla.org/fr/firefox/addon/auto-reader-view/" rel="nofollow">https://addons.mozilla.org/fr/firefox/addon/auto-reader-view/</a><br>(<a href="https://www.sebsauvage.net/links/?frqU4g">Permalink</a>)Optimiser et accélérer les pages web - lehollandaisvolant.nethttps://www.sebsauvage.net/links/?LKVoBw2019-01-07T09:08:48+01:00Optimisations et astuces diverses pour avoir des pages qui se chargent plus vite.<br>(<a href="https://www.sebsauvage.net/links/?LKVoBw">Permalink</a>)You need neither PWA nor AMP to make your website load fast @ tonsky.mehttps://www.sebsauvage.net/links/?tIbZtg2018-12-07T19:11:34+01:00J'aime beaucoup cet article à propos des soit disant gains de Google AMP et les Progressive Web Apps.<br />
La simplicité a ses vertues.<br>(<a href="https://www.sebsauvage.net/links/?tIbZtg">Permalink</a>)Favicon Generator for all platforms: iOS, Android, PC/Mac...https://www.sebsauvage.net/links/?gDroFg2018-11-11T22:30:34+01:00Un générateur de favicons qui s'adapte aux différents système (Apple, Microsoft, etc.) parce que oui, c'est le bordel.<br />
(via <a href="https://lehollandaisvolant.net/?id=20181110174639" rel="nofollow">https://lehollandaisvolant.net/?id=20181110174639</a>)<br>(<a href="https://www.sebsauvage.net/links/?gDroFg">Permalink</a>)What Web Can Do Todayhttps://www.sebsauvage.net/links/?_qaWyg2018-01-12T19:12:20+01:00Détection de l'orientation de l'écran, audio, vidéo, GPS... ce qu'on peut faire ou non avec un navigateur moderne.<br />
(via <a href="https://korben.info/%ef%bb%bfhtml5-jusquou-pouvez-aller-api-aujourdhui.html" rel="nofollow">https://korben.info/%ef%bb%bfhtml5-jusquou-pouvez-aller-api-aujourdhui.html</a>)<br>(<a href="https://www.sebsauvage.net/links/?_qaWyg">Permalink</a>)Kill Google AMP before it KILLS the web • The Registerhttps://www.sebsauvage.net/links/?lIyRFA2017-05-19T08:31:57+02:00Crtique du format AMP de Google.<br>(<a href="https://www.sebsauvage.net/links/?lIyRFA">Permalink</a>)You Don't Need JavaScripthttps://www.sebsauvage.net/links/?QzVeUA2017-01-18T11:35:57+01:00Différentes choses qu'on peut faire en pure CSS, sans Javascript: fenêtre modale, tooltips, carousel, treeview, menu...<br>(<a href="https://www.sebsauvage.net/links/?QzVeUA">Permalink</a>)Ne partez pas si vite ! | Grise Bouillehttps://www.sebsauvage.net/links/?Aw8HDA2016-10-31T11:34:15+01:00Je partage le coup de gueule.<br>(<a href="https://www.sebsauvage.net/links/?Aw8HDA">Permalink</a>)How the Web Became Unreadablehttps://www.sebsauvage.net/links/?qU-BDQ2016-10-19T13:01:01+02:00Ah... c'est quoi cette manie débile des sites web "modernes" de faire du texte gris clair sur fond blanc ??? >:-(<br />
Ajoutez à ça des polices super-fines, c'est très franchement pénible à lire.<br />
EDIT: Ah ben y'a même un site pour ça: <a href="http://contrastrebellion.com/" rel="nofollow">http://contrastrebellion.com/</a><br />
EDIT: <a href="http://www.telegraph.co.uk/science/2016/10/23/internet-is-becoming-unreadable-because-of-a-trend-towards-light/" rel="nofollow">http://www.telegraph.co.uk/science/2016/10/23/internet-is-becoming-unreadable-because-of-a-trend-towards-light/</a><br>(<a href="https://www.sebsauvage.net/links/?qU-BDQ">Permalink</a>)De nos jours une seule page Web pèse autant que Doom - Tech - Numeramahttps://www.sebsauvage.net/links/?rFmvXQ2016-04-21T11:22:42+02:00Bon je sais que ce genre d'article se répète, mais c'est toujours un bon gros facepalm de voir des pages aussi lourdes.<br />
En fait, µBlock n'est plus seulement utile pour bloquer les publicités agaçantes: il est devenu un auxiliaire de sécurité (pour éviter les campagnes de pub avec bandeaux malveillants) et de confort (pages qui se chargent à une vitesse raisonnable).<br />
<br />
PS: Cette page de Numérama pèse 2,06 Mo et nécessite 205 requêtes HTTP (et 17 secondes de chargement): <a href="https://gtmetrix.com/reports/www.numerama.com/iG4I0xtk" rel="nofollow">https://gtmetrix.com/reports/www.numerama.com/iG4I0xtk</a><br />
Et c'est loin d'être la pire. :-(<br />
Avec un µBlock bien configuré, cette page se réduit à 1,2 Mo (dont la moitié pour l'image de fond), 51 requêtes et se charge en 1 seconde.<br />
Donc: Moins de mémoire consommée, moins de CPU consommé, moins de bande passante consommée, votre machine rame moins, la page se charge plus vite, la lecture est plus confortable (moins de pollution visuelle) et vous êtes plus en sécurité. Quelle motif pourrait m'inciter à désactiver mon bloqueur de publicité ? Il va falloir ramer dur pour trouver des arguments.<br>(<a href="https://www.sebsauvage.net/links/?rFmvXQ">Permalink</a>)Best 404 error pages on the web! | 404 not foundhttps://www.sebsauvage.net/links/?4lLdHA2015-10-01T19:21:38+02:00Liste de pages 404 originales (via <a href="http://shaarli.warriordudimanche.net/?EV1jxQ" rel="nofollow">http://shaarli.warriordudimanche.net/?EV1jxQ</a>)<br>(<a href="https://www.sebsauvage.net/links/?4lLdHA">Permalink</a>)Colorblind Web Page Filter - Mitsu'lienshttps://www.sebsauvage.net/links/?WDTADg2015-06-08T12:45:48+02:00Tu as tout à fait raison, c'est quelque chose que nous devrions tous prendre en compte.<br>(<a href="https://www.sebsauvage.net/links/?WDTADg">Permalink</a>)Mobile-Friendly Testhttps://www.sebsauvage.net/links/?hW1B5Q2014-11-24T23:53:06+01:00Un outils pour savoir facilement si vos pages sont adaptées aux mobiles.<br>(<a href="https://www.sebsauvage.net/links/?hW1B5Q">Permalink</a>)Your website should stop doing this right now (pt. 1) — Building Things on the Internet — Mediumhttps://www.sebsauvage.net/links/?W1Tbdg2014-05-13T13:02:48+02:00Quelques recommandation de bon sens pour les sites web. (via <a href="http://aloco.free.fr/info/?JJj9Qg" rel="nofollow">http://aloco.free.fr/info/?JJj9Qg</a>)<br>(<a href="https://www.sebsauvage.net/links/?W1Tbdg">Permalink</a>)Macaw | The code-savvy web design tool.https://www.sebsauvage.net/links/?J1KDXg2014-01-19T13:53:29+01:00Un 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 <a href="http://www.warriordudimanche.net/shaarli/?W2tFCQ" rel="nofollow">http://www.warriordudimanche.net/shaarli/?W2tFCQ</a>)<br>(<a href="https://www.sebsauvage.net/links/?J1KDXg">Permalink</a>)Le poids des pages web a explosé de 150% en trois ans - JDN Web & Techhttps://www.sebsauvage.net/links/?67J08Q2013-11-28T10:43:56+01:00Le poids moyen d'une page web en 2010 était de 620 ko. En 2013, elle est de 1,5 Mo.<br>(<a href="https://www.sebsauvage.net/links/?67J08Q">Permalink</a>)favicon-cheat-sheethttps://www.sebsauvage.net/links/?h3X3WA2013-09-03T08:28:54+02:00Comment mettre une favicon correcte pour son site. Oui, c'est la merde totale et j'ai envie de vomir rien qu'à lire le document.<br />
Voir aussi : <a href="http://www.jonathantneal.com/blog/understand-the-favicon/" rel="nofollow">http://www.jonathantneal.com/blog/understand-the-favicon/</a><br>(<a href="https://www.sebsauvage.net/links/?h3X3WA">Permalink</a>)Dégradation élégante & Amélioration progressive - Pompage.nethttps://www.sebsauvage.net/links/?g_Hq5A2012-11-14T23:13:35+01:00Un article intéressant qui préconise l'amélioration progressive à la place de la dégradation élégante ("graceful degradation").<br />
(via Boudah Talenka)<br>(<a href="https://www.sebsauvage.net/links/?g_Hq5A">Permalink</a>)Mail à webmaster@rsf.orghttps://www.sebsauvage.net/links/?Baa_zg2012-06-26T21:35:25+02:00« Cher RSF.<br />
<br />
Autant je vous aime et admire ce que vous faites à travers le monde, autant votre site web<br />
actuel me donne envie de METTRE UN GIGANTESQUE COUP DE BOULE DANS L’ÉCRAN.<br />
<br />
Je parle de la popup d'inscription à la newsletter que vous nous collez dans la tronche<br />
dès qu'on arrive sur votre site, empêchant de lire l'article.<br />
<br />
Pour ajouter à l'insulte, comme mon navigateur est configuré pour effacer les cookies à<br />
la fermeture (mesure de protection de ma vie privée), j'ai droit, encore et encore,<br />
à cette popup chaque fois que je reviens consulter votre site.<br />
<br />
PAR PITIÉ, nous sommes en 2012, ne faits plus ça. Non, ce n'est pas une bonne idée,<br />
ni du point de vue design, ni du point de vue ergonomie.<br />
Mettez le formulaire d'inscription dans un coin, même en rouge clignotant sur fond bleu et jaune<br />
avec plein de gifs animés si vous voulez, ça sera moins insupportable que cette infâme popup.<br />
<br />
<br />
signé: un autre webmaster. »<br />
<br />
<br />
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.<br>(<a href="https://www.sebsauvage.net/links/?Baa_zg">Permalink</a>)Vanillicon - A Fun Take on Identiconshttps://www.sebsauvage.net/links/?kqpuBw2012-04-20T09:31:11+02:00Tiens pas mal, comme alternative à Gravatars (via <a href="http://blog.idleman.fr/?p=1170" rel="nofollow">http://blog.idleman.fr/?p=1170</a>).<br />
Dommage ça ne semble pas opensource, on ne peut pas le télécharger et il ne semble y avoir aucune API.<br>(<a href="https://www.sebsauvage.net/links/?kqpuBw">Permalink</a>)Entypo - 100+ carefully crafted pictogramshttps://www.sebsauvage.net/links/?HHxLEA2012-03-09T09:32:09+01:00Pour 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 <a href="http://blog.idleman.fr/?p=994" rel="nofollow">http://blog.idleman.fr/?p=994</a>)<br>(<a href="https://www.sebsauvage.net/links/?HHxLEA">Permalink</a>)W3Fools – A W3Schools Interventionhttps://www.sebsauvage.net/links/?hAV8ZQ2012-01-30T10:15:35+01:00Certains pensent que <a href="http://www.w3schools.com/" rel="nofollow">http://www.w3schools.com/</a> diffuse des informations erronnées. C'est vrai que j'ai déjà vu des erreurs chez eux.<br>(<a href="https://www.sebsauvage.net/links/?hAV8ZQ">Permalink</a>)Font Squirrel | Free Font DejaVu Serif by DejaVu Fontshttps://www.sebsauvage.net/links/?p7qnKw2012-01-24T23:21:09+01:00Des 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.<br />
EDIT: Attention les CSS @font-face qu'ils génèrent ne sont pas corrects.<br>(<a href="https://www.sebsauvage.net/links/?p7qnKw">Permalink</a>)Ignorez-moi.fr | Nicolas Paillardhttps://www.sebsauvage.net/links/?ZMMEug2012-01-23T09:49:07+01:00Allez un peu de pub, il le mérite. (via Le Hollandais Volant)<br>(<a href="https://www.sebsauvage.net/links/?ZMMEug">Permalink</a>)Masha, un javascript orienté rédaction | IdleBloghttps://www.sebsauvage.net/links/?fCJtWg2012-01-06T08:32:31+01:00Tiens 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.<br />
Mais qu'est-ce qui se passe si le texte est ensuite édité par l'auteur ? ça décale ?<br>(<a href="https://www.sebsauvage.net/links/?fCJtWg">Permalink</a>)Une page web pèserait en moyenne un mégaoctet ! | Scout123https://www.sebsauvage.net/links/?ETXbLA2011-12-27T23:37:35+01:001 Mo ? 1 Mo.... doh. (via Le Hollandais Volant).<br>(<a href="https://www.sebsauvage.net/links/?ETXbLA">Permalink</a>)techblog.tilllate.com » Nine ways to obfuscate e-mail addresses comparedhttps://www.sebsauvage.net/links/?P-FmpA2011-10-19T15:37:37+02:00Quelques 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.<br>(<a href="https://www.sebsauvage.net/links/?P-FmpA">Permalink</a>)Cache local de Gravatars | Fansub Streaming - Actu numérique, Japon et streaming de fansub d'animeshttps://www.sebsauvage.net/links/?LLFHvQ2011-10-18T11:54:17+02:00Un système de cache local pour les gravatars. Cool pour éviter d'avoir X dépendances externes quand votre page est chargée.<br>(<a href="https://www.sebsauvage.net/links/?LLFHvQ">Permalink</a>)Twitterhttps://www.sebsauvage.net/links/?NuRuSA2011-10-03T11:00:38+02:00Twitter: 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.<br>(<a href="https://www.sebsauvage.net/links/?NuRuSA">Permalink</a>)Ajout de bouton Flattr pour les commentaires | Fansub Streaming - Actu numérique, Japon et streaming de fansub d'animeshttps://www.sebsauvage.net/links/?D-yZxg2011-09-29T10:49:03+02:00Bon il faudra que je prenne le temps de passer mes boutons Flattr en statique, histoire de ne pas inclure de javascript externe à ma page (vu que c'est le seul truc externe qui reste dans ma page "rhaa"). Je ne mettrai également plus d'inclusion de vidéos YouTube, mais juste une image avec un lien HTTP standard.<br>(<a href="https://www.sebsauvage.net/links/?D-yZxg">Permalink</a>)Watermark images et protection contre la copie | malekal's sitehttps://www.sebsauvage.net/links/?DUunrQ2011-08-24T14:05:44+02:00Comment 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).<br>(<a href="https://www.sebsauvage.net/links/?DUunrQ">Permalink</a>)Zoom sur les générateurs de sites statiqueshttps://www.sebsauvage.net/links/?m2ve0g2011-07-21T21:50:48+02:00Divers générateurs de sites statiques. Ça peut être utile pour faire des sites pour Freenet par exemple.<br>(<a href="https://www.sebsauvage.net/links/?m2ve0g">Permalink</a>)Average Web Page Size Septuples Since 2003 - web page statistics and survey trends for page size and web objectshttps://www.sebsauvage.net/links/?uY_evg2011-07-18T18:00:05+02:00Pas brillant, hein ? C'est pour cela que j'essaie de garder mes pages légères.<br>(<a href="https://www.sebsauvage.net/links/?uY_evg">Permalink</a>)SAP investit 20 millions de dollars dans le réseau publicitaire OpenXhttps://www.sebsauvage.net/links/?ieDJVw2011-06-03T17:27:25+02:00SAP sur le web ? J'espère qu'ils feront mieux que leur bouse infâme absolue qu'est WebDynPro. Bouse infâme immonde puante merdique. Je n'ai pas assez de mots en relation avec le caca pour dire à quel point c'est à chier. Je préférais encore faire du Lotus Notes que toucher à WebDynPro.<br>(<a href="https://www.sebsauvage.net/links/?ieDJVw">Permalink</a>)Official Google Blog: Introducing schema.org: Search engines come together for a richer webhttps://www.sebsauvage.net/links/?dKEQzg2011-06-03T00:22:16+02:00Oh... 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.<br>(<a href="https://www.sebsauvage.net/links/?dKEQzg">Permalink</a>)BlueGriffon 1.0 now available! - BlueGriffon.orghttps://www.sebsauvage.net/links/?nm_wRQ2011-05-10T10:39:04+02:00Liens pour téléchargement de BlueGriffon 1.0 (l'éditeur HTML WYSIWYG).<br>(<a href="https://www.sebsauvage.net/links/?nm_wRQ">Permalink</a>)Ce qui me fait abandonner vos pages - Carnet de notes, n.survol.frhttps://www.sebsauvage.net/links/?shuLDQ2011-05-02T15:32:32+02:00Je 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).<br>(<a href="https://www.sebsauvage.net/links/?shuLDQ">Permalink</a>)MICROSOFT VEUT ENFIN SE DÉBARRASSER D’INTERNET EXPLORER 6https://www.sebsauvage.net/links/?ZApthw2011-03-04T23:57:32+01:00Microsoft veut supprimer IE6 ? Qu'il supprime donc aussi IE7 et 8, ça nous fera gagner des années !<br>(<a href="https://www.sebsauvage.net/links/?ZApthw">Permalink</a>)Internet Explorer est responsable de la faim dans la monde - cudjoehttps://www.sebsauvage.net/links/?zinU4g2011-03-02T00:05:56+01:00+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).<br>(<a href="https://www.sebsauvage.net/links/?zinU4g">Permalink</a>)Drop shadow with CSS for all web browsers - Robert's talkhttps://www.sebsauvage.net/links/?6enoqg2011-02-22T18:44:29+01:00Et aussi des ombres qui marchent à peu près partout (oui, même avec IE).<br>(<a href="https://www.sebsauvage.net/links/?6enoqg">Permalink</a>)Ultimate CSS Gradient Generator - ColorZilla.comhttps://www.sebsauvage.net/links/?xC3QCw2011-02-22T18:43:08+01:00Pour faire des dégradés sans image, et qui marchent bien dans tous les navigateurs (oui, même IE).<br>(<a href="https://www.sebsauvage.net/links/?xC3QCw">Permalink</a>)mod_pagespeedhttps://www.sebsauvage.net/links/?aaHrnA2010-11-24T09:28:57+01:00mod_pagespeed est un module Apache 2 qui optimise à la volée les pages web côté serveur. En soit c'est une bidouille affreuse et ne devrait pas remplacer une bonne conception des pages, mais c'est une solution rapide pour améliorer les perfs d'affichage d<br>(<a href="https://www.sebsauvage.net/links/?aaHrnA">Permalink</a>)Créer une galerie de photos sur son site en deux minuteshttps://www.sebsauvage.net/links/?p1N48Q2010-10-20T17:11:57+02:00C'est vraiment facile et rapide.<br>(<a href="https://www.sebsauvage.net/links/?p1N48Q">Permalink</a>)Créez votre thème Wordpress de A à Zhttps://www.sebsauvage.net/links/?MlO-vA2010-10-20T11:47:10+02:00Guide pour créer un thème Wordpress. (via Fabien Tripet)<br>(<a href="https://www.sebsauvage.net/links/?MlO-vA">Permalink</a>)DLFP: De l'utilisation abusive des images des autres et du vol de bande passantehttps://www.sebsauvage.net/links/?NACQhA2010-09-20T09:08:22+02:00Gniark ! bien fait. ça leur fera les pieds. Vive htaccess<br>(<a href="https://www.sebsauvage.net/links/?NACQhA">Permalink</a>)free PHP CAPTCHA v1.4.1 « puremango.co.ukhttps://www.sebsauvage.net/links/?LSxC8Q2010-08-16T17:10:22+02:00Une petite captcha qui tourne uniquement en local (pas de webservice externe) qui fonctionne avec juste GD sans polices truetype. C'est pas la meilleure captcha au monde, mais ça suffit pour se débarasser de la majorité des emmerdeurs.<br>(<a href="https://www.sebsauvage.net/links/?LSxC8Q">Permalink</a>)