25 techniques CSS pour être plus efficace (partie 2)
Lors d'un précedent article je présentais la première partie des techniques CSS. Voici la suite avec des outils pour générer du code en ligne, valider votre site ou encore pour optimiser le code CSS.
Design
Une bibliothèque de Modèle CSS open source
Vous pouvez utiliser un Générateur en ligne pour créer des modèles CSS. Mais je préfère l'utilisation de ce site car il offre des modèles CSS open source de très bonnes factures que nous pouvons utiliser comme fondations à tous les projets web.
Une barre de menu CSS qui se chevauche
Une belle réalisation de menu CSS où les onglets se chevauchent les uns les autres.
Rendre vos formulaires accesibles
Créer des formulaires graphiques et cohérents en même temps.
Faire de jolis Boutons en CSS
Techniques pour intégrer facilement un graphique en barres horizontales.
Positionnement vertical centré
Beaucoup de personnes cherchent encore la meilleure façon de centrer verticalement, voici une technique.
Un pied de page efficace en CSS
A tous ceux qui ont déjà essayé de faire un pied de page fixe en CSS, le cauchemar est fini.
Un site qui change de peau au fil de la journée
7 possibilités de voir le site en fonction du moment où l'on s'y connecte. Un peu de CSS et de javascript sont nécessaire pour réaliser cet effet et sont disponible en téléchargement.
20 sources pour créer un diaporama (slideshow) dans votre site
20 scripts sont disponibles pour intégrer un slideshow en javascript et CSS dans votre site.
Gagner du temps
Pour tester et calculer les tailles de ces polices
Une page web qui vous permet de tester la taille de vos textes ainsi que la hauteur des lignes (Baseline Height).
Une page listant la plupart des polices (fontes) du web
Avec cette page plus besoin de perdre son temps à tester le rendu d'une police. Sur ce site vous avez toutes les polices web et vous pouvez ainsi montrer les différentes possibilités à un collaborateur ou un client.
Une meilleure gestion de vos liens "plus d'informations"
Une alternative pour afficher du texte au passage de la souris sur le lien "plus d'information".
Accélérer le chargement de vos images
Une nouvelle façon d'envisager le chargement des images (icônes) en les regroupant dans une seule.
Générateur de Thèmes pour Wordpress
Ce générateur en ligne peut créer votre propre thème Wordpress sans aucune connaissance en HTML, JS, PHP ou CSS.
Création en ligne de vos liste
Grâce à ce service vous pouvez créer en ligne les listes avec leur modèle CSS en quelques clics.
Statistiques, schémas
Des statistiques graphiques grâce aux CSS
Une solution basée sur les feuilles de style CSS pour mettre en valeur de façon élégante et simple diverses données à présenter.
Des camemberts en CSS
Une technique pour afficher des pourcentages sous forme de camemberts.
Plan plus complexe
Permet d'afficher un plan hiérarchique ou à la façon d'un organigramme.
Reservez une chambre avec du javascript et CSS
Un excellent article pour démontrer une fois de plus qu'on peut rendre les interfaces plus simple à l'aide des CSS et du javascript (voici la démo).
Articles
Problèmes & solutions avec les CSS
Les 8 solutions aux problèmes courants rencontrés avec les CSS.
Les meilleurs sites proposant des galeries de sites CSS
Cet article répertorie tous les sites qui disposent d'une galerie de sites estampillés CSS. Une mine en matière d'inspiration.
Des astuces pour écrire des CSS
Un très bon article sur la pratique des CSS et sur les erreurs à éviter pour être plus efficace.
Des CSS plus efficaces grâce aux raccourcis
Simplifier et organiser le contenu de vos CSS.
Outils
10 outils pour valider votre site
Des outils pour valider les standards XHTML, HTML, CSS, RSS et sur l'optimisation des pages.
Voir simultanément votre site sous Internet Explorer et Firefox
CSSVista est une application gratuite destinée aux développeurs web qui veulent tester leur CSS en live sur Internet Explorer et Firefox
09 mai 2007
Très intéressant tout ça, notamment le footer
Merci !
09 mai 2007
Merci pour tous ces liens, très intéressant !
09 mai 2007
Tous des excellents services
10 mai 2007
Et voilà, dès que je viens sur ce blog je me retrouve toujours avec un nombre incroyable de sites à visiter ensuite. Merci pour cette liste David !
11 mai 2007
Je suis content que cela vous plaise d’autant que j’ai pris du plaisir à l’écrire, si un jour vous avez une demande spécifique par rapport au CSS, n’hésitez pas à me le faire savoir.
@Stéphane, en écrivant cette liste j’avais remarqué que, toi aussi, tu avais fait une excellente liste de libraires Javascript pour AJAX. J’ai failli l’ajouter mais je me suis rendu compte que cela ne traitait du même sujet (les CSS) donc je la garde sous le coude pour une prochaine sélection de lien.