Court billet pour ceux et celles qui n’ont jamais réussi à faire valider leur embed Flash.
Voici un code qui vous rendra valide par le W3C :
<object type="application/x-shockwave-flash" data="movie.swf"
width="500" height="500">
<param value="movie.swf" />
</object>
Source prise d’un débat sur comment valider Flash : http://forums.hostmysite.com/about497.html
Enjoy and share!
Ceci est la première partie de comment bien organiser ses feuilles CSS. Vous trouverez la partie 2 la semaine prochaine.
Plusieurs personnes utilisent leur propre méthode pour organiser ses feuilles de styles. Certains préfèrent utiliser qu’une seule ligne pour toutes leurs déclarations tandis que d’autres préfèrent indenter le plus possible leur code. Existe-t-il une méthode à privilégier pour s’assurer de créer des gabarits de qualité? Il en existe plusieurs, mais je vais vous décrire celle que moi j’utilise dans pratiquement tous mes projets. Je ne dis pas quelle est la meilleure, mais je crois qu’elle offre beaucoup d’avantages.
Tout d’abord, je déclare toujours 2 feuilles de styles dans toutes mes pages HTML. J’ai toujours mon « master.css » (qui est mon fichier maître) et mon fameux « reset.css ».
« master.css » comprend plusieurs autres fichiers comme par exemple base.css, typography.css, layout.css, etc…
Chacun de mes fichiers CSS contient un en-tête séparé en 4 sections : les informations de base, ma « table of content », les couleurs et finalement les « flags ».
Les informations de base sont les suivantes : le nom du fichier, sa description, l’auteur, la date de création et la date de la dernière modification.
Ma « table of content » est en faite toutes les grosses sections qui sont présentes dans mon fichier. Ex : header, navigation, content, footer, etc.
Mes couleurs sont une liste des couleurs que j’utilise plusieurs fois dans le même fichier.
Mes « flags » sont là pour faciliter la recherche dans mes fichiers CSS. (Je ferai un autre post prochainement sur l’utilisation et l’efficacité des flags.)
En ayant un en-tête dans tous vos fichiers, il devient plus simple de bien comprendre le fichier en question. De plus, si dans le futur une autre personne se doit de faire des modifications dans l’un de vos fichiers, cette personne ne pourra qu’en bénéficier puisque qu’elle pourra trouver ce qu’elle cherche rapidement. Le temps c’est de l’argent comme on dit…
Et vous, comment organisez-vous vos en-têtes de fichier?
Exemple d’en-tête de fichier CSS :
/********************************************** MAIN INFO @filename : layout.css @description : Voici la description de mon fichier CSS @authors : Simon Guérin @date : September 22 2009 @modification : September 23 2009 TABLE OF CONTENTS #header #content #nav #footer COLORS #8h1h2h ------ light blue #333333 ------ dark gray FLAGS =header =content =nav =footer **********************************************/
Et oui… me voilà qui me lance dans un blog (comme s’il n’y en avait pas assez!) traîtant principalement de ce qui tourne autour du web. Plus particulièrement le design web, HTML5, CSS3, les standards et ce qui m’inspire dans la vie de tous les jours.
Il y a déjà un bon moment que je me disais qu’il serait temps que je crée mon propre blog. En faisant la refonte de mon portfolio, l’idée ma semblé plus claire que je devais finalement me lancer. Je dois spécifier que je le fais tout d’abord par plaisir de parler d’un sujet qui me pasionne au plus au point. Si ce blog peut moindrement apporter quelque chose à quelqu’un, ce sera déjà ça de fait.
Pour ceux qui ne me connaissent pas, je suis Simon G. J’ose prétendre être un Designer Web ainsi qu’un Développeur CSS en me fiant aux compétences que j’ai. Je suis également un passioné des standards du web. J’aimerais finir par me recycler dans l’utilisabilité un jour ou encore devenir prof dans le domaine, mais ça, c’est quand je vais décider que j’aurai assez d’argent pour être sous-payé.
Assez pour la présentation…
Voici des liens pour en apprendre plus à mon sujet :
© Copyright 2009 Simon Guérin
