Bonnes pratiques CSS: le Web ouvert a besoin de vous. Daniel Glazman, coprésident du CSS Working Group (groupe de travail sur CSS du W3C), a écrit un appel à action important: THE OPEN WEB NEEDS YOU *NOW*. C’est une lecture fortement recommandée pour tous les développeurs et designers web. Voici un résumé une paraphrase en français du problème exposé, et quelques préconisations que vous trouverez peut-être utiles. Ne pas refaire l’erreur d’IE6 Si vous avez un peu suivi l’histoire du Web, vous savez que les situations de monopole ne sont pas bénéfiques pour les standards: l’éditeur de navigateur qui a le monopole ou quasi-monopole peut être tenté de proposer des fonctionnalités sans les proposer comme standards, les créateurs de sites web utilisent du code non-standard qui ne fonctionne que sur le navigateur qui a le monopole, et les éditeurs minoritaires sont tentés d’imiter les comportements non standard du navigateur minoritaire.
Pour beaucoup, le Web mobile c’est WebKit et puis c’est tout En pratique, le problème c’est quoi? La règle @import, une bonne pratique • Tutoriels HTML/CSS. Tutoriels HTML/CSS Cet article a pour but de présenter la règle CSS @import et également de présenter, grâce à celle-ci, une bonne pratique d’organisation de vos feuilles de styles. Publié il y a déjà trop longtemps… Importer une feuille de styles La règle CSS @import a pour fonction d’importer des feuilles de style depuis d’autres feuilles de styles.
La spécification du W3C indique que toutes les règles @import doivent précéder toutes autres règles (excepté la règle de @charset, si elle est présente). Cette règle doit avoir comme valeur une URL, spécificié par la syntaxe url("") ou entourée de guillemets. Ainsi, pour importer une feuille de styles depuis un autre, il suffit d’écrire dans votre CSS : @import "mystyle.css"; ou : @import url("mystyle.css"); En outre, les navigateurs dinosaures tel que Netscape 4 ne gèrent pas l’@import.
Vous pouvez consulter les spécifications de la règle @import du W3C. Importer une feuille de styles par média Attention ! En conclusion. Slideup Boxes. Media Queries. Compatibilité CSS et Internet Explorer. La prise en charge de la norme CSS a été régulièrement améliorée avec chaque nouvelle version de Windows Internet Explorer. Internet Explorer 6 était la première version d'Internet Explorer entièrement conforme à la spécification CSS 1. Windows Internet Explorer 8 est entièrement conforme à la spécification CSS niveau 2, révision 1 (CSS 2.1) et prend en charge quelques fonctionnalités de la spécification CSS 3. Si votre site Web est destiné à être utilisé avec certaines anciennes versions d'Internet Explorer, vous devez connaître leur niveau de conformité à la spécification CSS.
Cette article contient une vue synthétique des spécifications CSS prises en charge dans les versions récentes d'Internet Explorer et dans Internet Explorer 8. Remarque Les nouvelles fonctionnalités CSS introduites dans Internet Explorer 8 ne fonctionnent que pour les pages restituées en mode IE8 (ou supérieur). Introduction At-rules (règles @) Sélecteurs Sélecteurs d'éléments Sélecteurs d'attributs Combinateurs Listes.
Rotating dashed border with rounded corners.
Les frameworks CSS. Pour les non professionnels, le développement HTML / CSS est souvent un véritable casse-tête: positionnement des éléments, subtilité des règles CSS, compatibilité avec les navigateurs… autant d’obstacles qui font perdre beaucoup de temps. Jusqu’à présent, les outils de développement CSS ne nous aidaient pas vraiment: la majorité sont de simples éditeurs de texte, qui affichent juste le rendu de la page. L’arrivée des frameworks CSS peut donc être une bonne nouvelle.
J’avoue ne pas être vraiment convaincu, c’est pourquoi je vais réalisé quelques tests « grandeur nature », afin d’évaluer la réelle valeur ajoutée de ces outils. J’entame donc une série d’articles sur ce thème: après un rappel des concepts de Grid CSS et de Framework CSS, nous passerons aux tests, avec trois frameworks: BluePrint, Yahoo YUI et YAML. Préambule Je suis rescemment tombé sur plusieurs articles discutant du framework BluePrint. J’ai donc ré-orienté mon dossier en abordant le sujet de façon plus concrète: Références.