CSS
Le travail en CSS concerne les règles écrites autant que le contenu utilisé pour en vérifier le résultat. Ce sujet réunit le positionnement d’images, les paragraphes et listes de test, ainsi que des articles sur la présentation des interfaces.
Utilisez le créateur de sprites pour mesurer les zones d’une planche ou le générateur de Lorem Ipsum pour remplir une maquette. Les archives proposent aussi des idées de menus CSS de 2008 pour explorer les approches graphiques de cette période.
Créateur de sprites CSS
Dessinez, déplacez et redimensionnez les zones d'une planche de sprites. Gérez les sprites nommés, prévisualisez chaque sélection et copiez ou téléchargez le CSS.
Générateur de Lorem Ipsum
Générez gratuitement des paragraphes, phrases, mots ou listes de Lorem Ipsum. Copiez le texte de remplissage en texte brut ou en HTML pour vos maquettes.
Studio de couleurs
Créez vos palettes avec un cercle chromatique interactif. Convertissez HEX, RGB, HSL et OKLCH, testez le contraste WCAG et exportez nuances et dégradés CSS.
Découvrez Color Studio, notre générateur de palettes de couleurs
Trouvez des couleurs assorties pour votre site ou application avec Color Studio : palettes gratuites, nuances, contraste, dégradés CSS et partage.
Des images adaptatives qui économisent vraiment la bande passante : srcset, sizes, picture et tests
Utilisez srcset, sizes et picture pour adapter vos images, éviter les décalages de mise en page et mesurer les téléchargements réels.
Les sprites CSS sur le Web moderne : quand les utiliser et comment les tester
Découvrez quand les sprites CSS restent utiles, comment définir les zones d'une planche et comment tester le chargement, l'accessibilité et les écrans haute densité.
Mise à jour du générateur de Lorem Ipsum : HTML, listes et débuts personnalisables
Générez du Lorem Ipsum en texte brut ou en HTML, créez des listes à puces ou numérotées et choisissez la phrase de début avec notre générateur gratuit amélioré.
Les meilleurs menus et techniques de navigation en CSS
Une sélection de juillet 2008 rassemble des menus CSS : onglets, navigation inspirée de Digg et Flickr, portes coulissantes et autres exemples illustrés.
Documenter son code, la clé du bonheur
Pourquoi documenter le code web en vaut la peine, avec des exemples de commentaires en JavaScript, HTML et CSS.