Liens en vrac de sebsauvage2024-03-04T08:16:24+01:00https://sebsauvage.net/links/https://sebsauvage.net/links/https://sebsauvage.net/links/CSS for printing to paperhttps://sebsauvage.net/links/?T1txuw2024-03-04T08:16:24+01:00Quelques CSS à mettre en place pour faciliter l'impression.<br>(<a href="https://sebsauvage.net/links/?T1txuw">Permalink</a>)Mettre en surbrillance ligne et colonne au survol d'une table - Alsacreationshttps://sebsauvage.net/links/?_mh1ig2024-01-06T10:01:24+01:00Comment - avec juste des CSS - mettre en surbrillance les lignes et colonnes d'un tableau selon la position courante du curseur.<br />
(via <a href="https://mastodon.xyz/@kalvn/111708059296893823" rel="nofollow">https://mastodon.xyz/@kalvn/111708059296893823</a>)<br />
<br />
Avec l'exemple : <a href="https://codepen.io/Yordi/pen/dyQOMXE" rel="nofollow">https://codepen.io/Yordi/pen/dyQOMXE</a><br>(<a href="https://sebsauvage.net/links/?_mh1ig">Permalink</a>)You don't need JavaScript for that - HTMHellhttps://sebsauvage.net/links/?F9WgyQ2023-12-12T09:03:04+01:00Sous le coude: Diverses choses qu'on peut faire sans Javascript (checkbox customisées, listes de choix avec filtrage, sélecteur de couleur, listes dépliables customisées, fenêtres modales...)<br>(<a href="https://sebsauvage.net/links/?F9WgyQ">Permalink</a>)[CSS] Rendre un tableau responsive | by Vanessa Asse | Mediumhttps://sebsauvage.net/links/?NhwHag2023-04-12T10:03:38+02:00(via <a href="http://warriordudimanche.net/article1837/64358bc9c100c" rel="nofollow">http://warriordudimanche.net/article1837/64358bc9c100c</a>)<br>(<a href="https://sebsauvage.net/links/?NhwHag">Permalink</a>)GitHub - system-fonts/modern-font-stacks: System font stack CSS organized by typeface classification for every modern operating systemhttps://sebsauvage.net/links/?s73YhA2023-03-15T16:20:27+01:00Hé mais elle est vraiment pas mal, cette font-stack. Et en prime avec des captures d'écran sur différents systèmes.<br>(<a href="https://sebsauvage.net/links/?s73YhA">Permalink</a>)Créer une arborescence en CSS uniquement - Dév. Web - ShevArezo`Bloghttps://sebsauvage.net/links/?Q9a02g2023-01-12T16:38:58+01:00via <a href="https://lehollandaisvolant.net/?id=20230111190121" rel="nofollow">https://lehollandaisvolant.net/?id=20230111190121</a><br>(<a href="https://sebsauvage.net/links/?Q9a02g">Permalink</a>)An Interactive Guide to Flexbox in CSShttps://sebsauvage.net/links/?bDvthQ2022-12-19T08:44:39+01:00Introduction illustrée aux flexbox CSS (en anglais).<br>(<a href="https://sebsauvage.net/links/?bDvthQ">Permalink</a>)Super Useful CSS Resources 🌈 - DEV Community 👩💻👨💻https://sebsauvage.net/links/?sU3KZg2022-12-05T16:48:07+01:00Un tas de générateurs CSS (ombres, bordures, dégradés, motifs...)<br />
(via <a href="https://links.kalvn.net/shaare/Jsk-mg" rel="nofollow">https://links.kalvn.net/shaare/Jsk-mg</a>)<br>(<a href="https://sebsauvage.net/links/?sU3KZg">Permalink</a>)COLRv1 and CSS font-palette | CSS-Tricks - CSS-Trickshttps://sebsauvage.net/links/?3ZfuvA2022-09-14T16:41:02+02:00Et là j'apprends qu'OpenType (polices de caractères TTF/OTF) supporte la spécification COLRv1 depuis la version 1.9. Ce qui veut dire des polices de caractères EN COULEURS. Je parle là de plusieurs couleurs à l'intérieur des caractères (dégradés, etc.) et plus seulement une couleur uniforme.<br />
Si vous utilisez une police supportant COLRv1, vous pouvez donc faire varier les couleurs (et d'autres caractéristiques de la police) en CSS (donc plus seulement gras/italique).<br />
<br />
Google vient d'ailleurs de livrer ses premières polices supportant COLRv1, ce qui donne un bon exemple des possibilités : <a href="https://material.io/blog/color-fonts-are-here" rel="nofollow">https://material.io/blog/color-fonts-are-here</a><br />
Non seulement on peut faire varier les couleurs et dégradés, mais aussi l'épaisseur.<br />
<br />
Il y a encore des limites à ce qu'on peut faire (par exemple pas de transition de palette possible en CSS sur ces polices), et le support dans les navigateurs n'est pas encore total : <a href="https://caniuse.com/colr-v1" rel="nofollow">https://caniuse.com/colr-v1</a> (C'est ok pour Chrome, Edge, Opera mais pas Firefox, et le support sur mobile est très incomplet).<br />
En attendant, SVG est sans doute une meilleure solution si vous voulez faire des choses plus avancées.<br>(<a href="https://sebsauvage.net/links/?3ZfuvA">Permalink</a>)accent-color | CSS-Tricks - CSS-Trickshttps://sebsauvage.net/links/?RTRgVQ2022-02-24T15:52:35+01:00C'est vrai que j'avais un peu zappé qu'avec accent-color il est facile de styler les formulaires (checkbox, radio, etc.)<br>(<a href="https://sebsauvage.net/links/?RTRgVQ">Permalink</a>)prefers-color-scheme - CSS: Cascading Style Sheets | MDNhttps://sebsauvage.net/links/?5YKjzA2022-02-22T09:27:41+01:00Je me note cette page pour ne pas la perdre: Les règles CSS pour faire des pages web qui s'adapte aux internautes qui utilisent un thème sombre.<br />
(Il faudrait que je le fasse partout sur mon site.)<br />
<br />
Par exemple pour DokuWiki il y a 2 plugins qui permettent ça (si vous ne voulez pas vous-même toucher aux CSS):<br />
<a href="https://www.dokuwiki.org/template:mindthedark" rel="nofollow">https://www.dokuwiki.org/template:mindthedark</a><br />
<a href="https://www.dokuwiki.org/template:ad-hominem" rel="nofollow">https://www.dokuwiki.org/template:ad-hominem</a><br>(<a href="https://sebsauvage.net/links/?5YKjzA">Permalink</a>)100 Bytes of CSS to look great everywhere - DEV Communityhttps://sebsauvage.net/links/?3hEMUw2021-10-22T16:35:38+02:00Un CSS minimaliste pour avoir une page web de base proprement présentée:<br />
______________________________________________________________<br />
<br />
:root {<br />
max-width: 70ch;<br />
padding: 3em 1em;<br />
margin: auto;<br />
line-height: 1.75;<br />
font-size: 1.25em;<br />
}<br />
h1,h2,h3,h4,h5,h6 {<br />
margin: 3em 0 1em;<br />
}<br />
p,ul,ol {<br />
margin-bottom: 2em;<br />
color: #1d1d1d;<br />
font-family: sans-serif;<br />
}<br />
______________________________________________________________<br />
<br />
Un autre framework CSS un peu moins léger (~3ko), mais qui permet aussi de styler une page simplement (en particulier avec des <code> et <blockquote> mieux présentés): <a href="https://watercss.kognise.dev/" rel="nofollow">https://watercss.kognise.dev/</a><br />
(Intéressant aussi parce qu'il peut s'adapter automatiquement à la configuration claire/sombre de l'utilisateur.)<br />
(via <a href="http://nicolas-delsaux.hd.free.fr/Shaarli/?YnUrhw" rel="nofollow">http://nicolas-delsaux.hd.free.fr/Shaarli/?YnUrhw</a>)<br />
<br />
Ce ne sont sans aucun doute pas les seuls framework CSS minimalistes, mais ça reste intéressant.<br>(<a href="https://sebsauvage.net/links/?3hEMUw">Permalink</a>)Encore un peu d’optimisation pour les pages Web - Le Hollandais Volanthttps://sebsauvage.net/links/?T4EOgQ2021-09-16T23:04:59+02:00Je me note ces quelques optimisations pour des pages qui se chargent plus vite.<br>(<a href="https://sebsauvage.net/links/?T4EOgQ">Permalink</a>)GitHub - you-dont-need/You-Dont-Need-JavaScript: CSS is powerful, you can do a lot of things without JS.https://sebsauvage.net/links/?RSvVjg2021-06-28T22:06:30+02:00Différentes solutions et exemples pour faire des onglets, carrousels, scrolling parallax, menus, galeries, tooltips et autres sans javascript.<br />
(Contexte: Le langage Javascript est usé et abusé par une majorité de sites web, rendant les pages très lourdes à charger, et très lentes à s'afficher. Diminuer la quantité de javascript permet de rendre le web plus frugal, sans pour autant retirer en fonctionnalités si on s'y prend bien.)<br>(<a href="https://sebsauvage.net/links/?RSvVjg">Permalink</a>)CSS morphinghttps://sebsauvage.net/links/?holFaw2021-06-09T08:43:24+02:00"morphing" (il faut le dire vite) entre mots avec du CSS. Le résultat est sympa malgré tout.<br>(<a href="https://sebsauvage.net/links/?holFaw">Permalink</a>)CSS Tips - Marko Denic - Web Developerhttps://sebsauvage.net/links/?vpxZLA2021-04-27T08:33:01+02:00Quelques chouettes astuces CSS que je ne connaissais pas.<br>(<a href="https://sebsauvage.net/links/?vpxZLA">Permalink</a>)Generative art with CSShttps://sebsauvage.net/links/?q-dUWw2020-08-12T09:57:15+02:00Woao... super idée: Utiliser des CSS pour faire de l'art génératif (images créées par des logiciels).<br />
L'article est largement illustré d'exemples.<br>(<a href="https://sebsauvage.net/links/?q-dUWw">Permalink</a>)Why is CSS Frustrating? | CSS-Tricks - Le Hollandais Volanthttps://sebsauvage.net/links/?5YQrqQ2020-03-02T09:55:38+01:00Je trouve que c'est une excellente réflexion sur les CSS.<br />
Au final, on les utilise très mal.<br>(<a href="https://sebsauvage.net/links/?5YQrqQ">Permalink</a>)brumm.afhttps://sebsauvage.net/links/?I4MbvQ2019-12-22T11:03:09+01:00Un chouette générateur d'ombres en CSS.<br />
(via <a href="http://warriordudimanche.net/article1185" rel="nofollow">http://warriordudimanche.net/article1185</a>)<br>(<a href="https://sebsauvage.net/links/?I4MbvQ">Permalink</a>)Masking GIFs with other GIFs | CSS-Trickshttps://sebsauvage.net/links/?JoX3fQ2019-12-04T09:51:08+01:00Utiliser SVG et CSS pour faire du compositing d'images ou d'animations. <br />
(via <a href="http://warriordudimanche.net/" rel="nofollow">http://warriordudimanche.net/</a>)<br>(<a href="https://sebsauvage.net/links/?JoX3fQ">Permalink</a>)Playing Sounds with CSS - Warrior du Dimanchehttps://sebsauvage.net/links/?nK2fRg2019-11-27T09:26:56+01:00Wokay.<br>(<a href="https://sebsauvage.net/links/?nK2fRg">Permalink</a>)82 CSS Text Effectshttps://sebsauvage.net/links/?PmYJzw2019-09-16T16:44:14+02:00Et hop... plein d'effets à faire sur du texte avec des CSS (avec le code). (via <a href="http://warriordudimanche.net" rel="nofollow">http://warriordudimanche.net</a>)<br>(<a href="https://sebsauvage.net/links/?PmYJzw">Permalink</a>)Appliquer une hauteur de 100% à un élément - Alsacreationshttps://sebsauvage.net/links/?w7S3AQ2019-09-16T16:38:06+02:00Sous le coude (via <a href="http://warriordudimanche.net/article1063/astuce-css-avoir-une-div-qui-occupe-100-du-viewport" rel="nofollow">http://warriordudimanche.net/article1063/astuce-css-avoir-une-div-qui-occupe-100-du-viewport</a>)<br>(<a href="https://sebsauvage.net/links/?w7S3AQ">Permalink</a>)12 methods for vertical centering of the content - alignment of many divs and imageshttps://sebsauvage.net/links/?9Mr4Bw2019-08-22T11:27:16+02:00Sous le coude.<br>(<a href="https://sebsauvage.net/links/?9Mr4Bw">Permalink</a>)Learn CSS Layouthttps://sebsauvage.net/links/?8Lb_Rg2019-07-09T14:03:06+02:00Un petit tuto très bien présenté sur le modèle boîtes CSS.<br>(<a href="https://sebsauvage.net/links/?8Lb_Rg">Permalink</a>)Note : thème sombre - Le Hollandais Volanthttps://sebsauvage.net/links/?UZDRjg2019-07-01T13:44:54+02:00Une petite astuce CSS pour faire un thème sombre tout en conservant les nuances de couleur:<br />
filter: hue-rotate(180deg) invert(1);<br>(<a href="https://sebsauvage.net/links/?UZDRjg">Permalink</a>)La propriété CSS - objectif-fit - NextuMhttps://sebsauvage.net/links/?GNLiCw2019-06-28T14:20:10+02:00Petite propriété CSS utile pour remplir un conteneur avec une image de différentes manières.<br />
Illustration: <a href="http://warriordudimanche.net/article1030/5d15f69c7ac0c" rel="nofollow">http://warriordudimanche.net/article1030/5d15f69c7ac0c</a><br />
J'ai utilisé quelque chose de similaire pour le fond: background-size: cover;<br />
dans cette page: <a href="http://sebsauvage.net/ambient/" rel="nofollow">http://sebsauvage.net/ambient/</a><br>(<a href="https://sebsauvage.net/links/?GNLiCw">Permalink</a>)The ultimate CSS tools for web designers | CSSmatichttps://sebsauvage.net/links/?pVb3GA2019-05-22T10:28:02+02:00Petits outils en ligne pour générer facilement en CSS: Bordure, ombre et dégradés.<br>(<a href="https://sebsauvage.net/links/?pVb3GA">Permalink</a>)CSSFX - Beautifully simple click-to-copy CSS effectshttps://sebsauvage.net/links/?gqAZhg2019-05-09T09:41:51+02:00Quelques animations CSS simples et faciles à copier-coller dans vos pages.<br>(<a href="https://sebsauvage.net/links/?gqAZhg">Permalink</a>)339 bytes of responsive CSS · Gaurav Koleyhttps://sebsauvage.net/links/?LROQvg2019-04-10T13:32:55+02:00Quelques lignes de CSS afin de rendre une page web tout à fait standard sous forme belle et minimaliste.<br>(<a href="https://sebsauvage.net/links/?LROQvg">Permalink</a>):empty - CSS : Feuilles de style en cascade | MDN - Le Hollandais Volanthttps://sebsauvage.net/links/?8ch9Wg2019-03-06T09:55:16+01:00Pas con comme astuce: Une règle CSS qui fait qu'un DIV est automatiquement visible s'il contient quelque chose, et invisible s'il est vide.<br />
Ça permet de réduire la quantité de Javascript nécessaire.<br>(<a href="https://sebsauvage.net/links/?8ch9Wg">Permalink</a>)Francinehttps://sebsauvage.net/links/?RsHlVA2018-05-02T13:33:22+02:00OH. MY. GOD.<br />
Cette image a été créée avec des CSS.<br />
°o°<br />
<a href="https://cyanharlow.github.io/purecss-francine/" rel="nofollow">https://cyanharlow.github.io/purecss-francine/</a><br>(<a href="https://sebsauvage.net/links/?RsHlVA">Permalink</a>)CSS Colour Gradients with GradPad, beautiful CSS color gradient generator for your designshttps://sebsauvage.net/links/?jsYDeA2018-03-13T16:56:56+01:00Un générateur de dégradés CSS sympa.<br />
(via <a href="https://mastodon.xyz/@kalvn/99676638852733165" rel="nofollow">https://mastodon.xyz/@kalvn/99676638852733165</a>)<br>(<a href="https://sebsauvage.net/links/?jsYDeA">Permalink</a>)Let's Look at 50+ Interesting CSS Properties & Values | CSS-Trickshttps://sebsauvage.net/links/?9qJ9yA2017-01-30T13:52:30+01:00Plein de propriétés CSS à explorer pour différents effets. (via <a href="http://warriordudimanche.net/article455/588f05c1b84f0" rel="nofollow">http://warriordudimanche.net/article455/588f05c1b84f0</a>)<br>(<a href="https://sebsauvage.net/links/?9qJ9yA">Permalink</a>)Epargner le téléchargement des polices dans une page web à vos utilisateurshttps://sebsauvage.net/links/?SOYZoA2016-11-23T18:17:06+01:00Je trouve ça particulièrement pénible, alors je ne le fais pas subir à mes lecteurs: Je n'inclue pas dans mes pages de polices à télécharger.<br />
Comment faire pour que l'aspect soit le plus proche de ce que je souhaite ne sachant pas les polices pré-installées chez l'internaute ?<br />
<br />
En principe en CSS on a les font-stacks: Vous spécifiez plusieurs polices (d'aspect graphique proche), et le navigateur prendra en premier la police disponible dans le système.<br />
Exemple typique: <br />
font-family: Arial,Helvetica,sans-serif; <br />
Si Arial n'est dispo, il essaiera avec Helvetica, etc.<br />
<br />
Mais si je veux une police particulière, comme "Droid Sans", comment trouver la font-stack la plus fidèle, la plus proche de cette police ?<br />
Et bien on peut trouver !<br />
- Allez sur cette page: <a href="http://www.identifont.com/similar.html" rel="nofollow">http://www.identifont.com/similar.html</a><br />
- Entrez le nom de la police qui vous intéresse.<br />
- Cliquez "ok".<br />
Et dans la colonne de gauche vous verrez les noms des polices qui sont graphiquement les plus proches. Vous n'avez plus qu'à mettre dans votre CSS.<br />
<br />
Exemple: pour "Droid Sans", on obtient:<br />
font-family: "Droid Sans","Noto Sans","Ascender Uni","Linotype Aroma","FF Kievit","Source Sans","Open Sans","Museo Sans","Myriad","Camphor","Corbel","Frutiger","Vectora","Calibri",sans-serif;<br />
<br />
Vous pouvez également compléter avec ces font-stacks: <a href="http://www.cssfontstack.com/" rel="nofollow">http://www.cssfontstack.com/</a> (même si je trouve qu'elles sont trop limitées).<br />
Certes c'est loin d'être idéal et je n'ai aucune garantie, mais je préfère ça.<br />
<br />
Si vous voulez vérifier si une police existe en standard sous Windows ou MacOSX:<br />
<a href="https://en.wikipedia.org/wiki/List_of_typefaces_included_with_Microsoft_Windows" rel="nofollow">https://en.wikipedia.org/wiki/List_of_typefaces_included_with_Microsoft_Windows</a><br />
<a href="https://en.wikipedia.org/wiki/List_of_typefaces_included_with_macOS" rel="nofollow">https://en.wikipedia.org/wiki/List_of_typefaces_included_with_macOS</a><br>(<a href="https://sebsauvage.net/links/?SOYZoA">Permalink</a>)[CSS] Optimiser le chargement des polices pour le web - Le Hollandais Volanthttps://sebsauvage.net/links/?5LB8Pw2015-11-18T11:44:03+01:00Petite astuce à connaître pour éviter le chargement inutile de polices de caractères en CSS.<br>(<a href="https://sebsauvage.net/links/?5LB8Pw">Permalink</a>)[CSS] Note centrer une image dans un bloc - Le Hollandais Volanthttps://sebsauvage.net/links/?W5ez8Q2015-08-03T12:53:35+02:00(<a href="https://sebsauvage.net/links/?W5ez8Q">Permalink</a>)[CSS] La spécificité des sélecteurs - Le Hollandais Volanthttps://sebsauvage.net/links/?RS0fDA2015-07-26T09:57:44+02:00(<a href="https://sebsauvage.net/links/?RS0fDA">Permalink</a>)plainJS - The Vanilla JavaScript Repository - Le Hollandais Volant - Le Hollandais Volanthttps://sebsauvage.net/links/?uP8IOg2015-07-26T09:56:34+02:00Oh... pas mal pour placer des images de manière optimale dans une page web.<br>(<a href="https://sebsauvage.net/links/?uP8IOg">Permalink</a>)[CSS] Un effet label/input avec icône et flexbox - Le Hollandais Volanthttps://sebsauvage.net/links/?TpnjQw2015-07-18T15:03:13+02:00Sympa.<br>(<a href="https://sebsauvage.net/links/?TpnjQw">Permalink</a>)Coder's Block Blog / Checkbox Trickery with CSShttps://sebsauvage.net/links/?00BE7Q2015-06-24T11:37:06+02:00Pfiou... Bon le résultat est beau et sans javascript, mais quel bricolage !<br>(<a href="https://sebsauvage.net/links/?00BE7Q">Permalink</a>)Home · Primerhttps://sebsauvage.net/links/?ClSeRw2015-03-24T12:13:47+01:00Primer, le framework (et les règles) CSS de GitHub. Intéressant.<br>(<a href="https://sebsauvage.net/links/?ClSeRw">Permalink</a>)Gotcha CSShttps://sebsauvage.net/links/?NYM3eA2015-02-26T17:33:28+01:00Si vous vous demandez pourquoi votre cellule n'est pas entourée en bleu malgré votre CSS:<br />
<br />
<style><br />
.matable > tr > td { border: 2px solid blue; }<br />
</style><br />
<table class="matable"><br />
<tr><br />
<td>coucou</td><br />
<tr><br />
</table><br />
<br />
C'est juste parce que vous avez oublié que le corps d'un tableau est implicitement contenu dans un <tbody>. Votre règle CSS doit donc être:<br />
<br />
.matable > tbody > tr > td { border: 2px solid blue; }<br />
<br />
Et là ça marche. ;-)<br />
<br />
Pour ne pas vous faire avoir, inspectez l'élément avec les outils développeur Firefox: Vous verrez alors le code html tel que Firefox le voit (et qui peut être différent de celui de "Voir le source").<br />
<br />
Pour résumer:<br />
- "Voir le source" = code html tel que renvoyée par le serveur (et donc avant parsing et exécution du javascript)<br />
- Inspecteur Firefox: arbre DOM tel que Firefox l'a en mémoire (et donc *après* exécution du javascript).<br>(<a href="https://sebsauvage.net/links/?NYM3eA">Permalink</a>)30 CSS Puns That Prove Designers Have a Great Sense of Humorhttps://sebsauvage.net/links/?FVuF5w2015-02-19T18:15:47+01:00De l'humour de codeur... façon CSS.<br />
(via Bruno J. :-)<br>(<a href="https://sebsauvage.net/links/?FVuF5w">Permalink</a>)CSS Reference | Codropshttps://sebsauvage.net/links/?ApLVbg2015-02-05T13:36:26+01:00Référence CSS (via <a href="http://shaarli.warriordudimanche.net/?l3UV6Q" rel="nofollow">http://shaarli.warriordudimanche.net/?l3UV6Q</a>)<br>(<a href="https://sebsauvage.net/links/?ApLVbg">Permalink</a>)Les media-query et le responsive design CSS3 - Le Hollandais Volanthttps://sebsauvage.net/links/?754ISw2014-11-23T14:16:52+01:00Quelques conseils pour faire du responsive en utilisant les media-queries.<br>(<a href="https://sebsauvage.net/links/?754ISw">Permalink</a>)Creating 3D worlds with HTML and CSShttps://sebsauvage.net/links/?Q0Vjdw2014-11-06T12:16:14+01:00Oh mon dieu c'est horrible. OH MON DIEU C'EST HORRIBLE.<br />
Non, cette démo (<a href="http://keithclark.co.uk/labs/css-fps/" rel="nofollow">http://keithclark.co.uk/labs/css-fps/</a>) n'est *PAS* du WebGL. <br />
Ce sont de PUTAINS DE <DIV> HTML SUR LESQUELS IL A APPLIQUÉ DES CSS-TRANSFORMS. <br />
AAAARRRGGGGGG.<br />
J'ai les neurones qui saignent rien qu'à y penser.<br />
Il faut faire enfermer ce gars.<br>(<a href="https://sebsauvage.net/links/?Q0Vjdw">Permalink</a>)[tips] Icône pour liens externes - Nekoblog.org :: Marque-pageshttps://sebsauvage.net/links/?5GH0Hg2014-07-02T15:01:05+02:00Petite astuce (avec une seule ligne de CSS) pour mettre dans Shaarli une petite icône quand il s'agit d'un lien externe (c'est à dire qui ne pointe par sur Shaarli lui-même).<br />
Vous pouvez voir le résultat là: <a href="http://links.nekoblog.org" rel="nofollow">http://links.nekoblog.org</a><br>(<a href="https://sebsauvage.net/links/?5GH0Hg">Permalink</a>)PageSpeed Insightshttps://sebsauvage.net/links/?ENchRg2014-06-23T08:16:52+02:00Pour analyser une page de votre site avec Google. Notez que vous pouvez aussi utiliser <a href="http://gtmetrix.com/" rel="nofollow">http://gtmetrix.com/</a> qui combine Google PageSpeed avec Yahoo YSlow.<br />
GTMetrix est uniquement orienté performances, alors que le PageSpeed de base donne aussi des conseils pour mobiles (conseil sur la taille des éléments à l'écran, etc.)<br />
(via <a href="http://lehollandaisvolant.net/?id=20140621210817" rel="nofollow">http://lehollandaisvolant.net/?id=20140621210817</a>)<br>(<a href="https://sebsauvage.net/links/?ENchRg">Permalink</a>)[CSS] Note : text-overflowhttps://sebsauvage.net/links/?GZHmMA2014-04-20T18:33:20+02:00Une astuce intéressante quand un texte (titre ou autre) est amené à être tronqué.<br>(<a href="https://sebsauvage.net/links/?GZHmMA">Permalink</a>)