Je reviens vers vous sur la question des frameworks CSS suite à la lecture de A Reflexion About Semantic Grids qui défend grosso modo le point de vue selon lequel les frameworks ne sont pas sémantiques et incitent à marcher sur la tête en bousculant le flux de production web. →
Framework CSS — mettez vos grilles au pas !
Je suis encore tout esbaudis par la découverte de 45+ frameworks CSS que tout webdesigner devrait connaitre qui liste une palanquée de bibliothèques CSS et d’outils pour générer des grilles de mise en page sans douleur. Je ne reviendrais pas sur les avantages ou les inconvénients des frameworks CSS ni sur le choix du meilleur d’entre eux. Vous trouverez des éléments de réponse dans : Frameworks CSS + Reset CSS : design from scratch paru initialement en anglais sur Smashing Magazine ; dans Développement efficace avec les frameworks CSS et Blueprint ; ou encore dans Blueprint, un framework pour webdesigner. Oui, beaucoup de Blueprint car c’est le seul que j’ai vraiment utilisé jusqu’à présent. →
13 outils en ligne pour organiser et compresser vos CSS
Tout est dans le titre : →
Marquage HTML des micro-contenus : p, div ou bien ?
Dans la série des problèmes existentiels qui ponctuent la journée de l’intégrateur web, la question du marquage HTML des petites portions de texte est souvent de la partie. Pour la baseline par exemple, on peut justifier l’utilisation de la balise `blockquote` : c’est une « citation » de la marque, elle est souvent mise en italique ou entre guillemets.
→
BIC, framework CSS orienté couleur et typographie
BIC est un meta framework CSS basé d’une part sur le reset CSS d’Eric Meyer pour la remise aux valeurs par défaut des éléments HTML (`clean.css`) et le framework 960.gs pour la partie grille de mise en page (`layout.css`), et d’autre part sur de bonnes idées en ce qui concerne le traitement de la typographie et de la couleur (`typography.css` et `color.css`). →
Feuille de style CSS conditionnelle avec Conditional CSS
Conditional-CSS est un programme écrit en php4 et php5 (au choix) qui permet d’utiliser des commentaires pour cibler une dizaine de navigateurs par leur nom et leur version, à la manière des commentaires conditionnels ciblant les différentes versions d’Internet Explorer. →
Des ensembles de polices cohérents pour le web
Si vos déclarations CSS font-family contiennent désespérément la même liste de police de caractères Helvetica, Arial, sans-serif, etc., le billet de Grégoire Polices sur le web et celui de Michael Tuck 8 Definitive Web Font Stacks devraient élargir votre horizon typographique grâce à 8 ensembles de polices « intelligents » : →
css4design sur developpez.com (extension du domaine des CSS)
Si vous recherchez des informations sur les langages de programmation en général et le développement web en particulier, vous connaissez sûrement le site developpez.com qui propose des ressources aux développeurs web (mais pas seulement). →
30 menus de navigation en CSS pour votre site web
styledmenus propose une trentaine de menus de navigation compatibles avec les navigateurs IE6, IE7, Firefox, Opera, Safari, Chrome et conformes aux recommandations du W3C.
Le téléchargement de ces menus est gratuit ; toutefois, vous pouvez acheter les fichiers originaux au format *.psd* si vous voulez personnaliser davantage vos menus selon votre charte graphique.
Merci Thierry 😉
Styler vos champs de formulaires de recherche avec CSS
Ce tutoriel pour styler les champs input de vos formulaires de recherche vous permettra d’offrir à vos visiteurs un formulaire design au lieu du traditionnel — mais efficace — champ *input type=text* blanc avec contour.
L’auteur utilise un *button* à la place du *input type= »submit »* pour éviter les problèmes d’alignement afin d’utiliser une seule image pour le champ *input* et le *button*. Ce qui permet de gérer facilement les différents état *:focus* ou *:hover* avec *background-position*.
PS : En cas de problème avec l’utilisation de l’élément button, jettez un oeil sur ce fil de discussion paru sur le forum Alsacréations.