Communautés iWeb: Blog

Comparé aux autres langages comme php, javascript ou python, le standard CSS en lui-même est relativement facile à apprendre. Il y a peu de règles à se souvenir, et il y a un grand degré de liberté offert à la personne qui écrit le CSS et qui voudrait définir les polices, couleurs, et mise en page de son site.

Par exemple, un code comme ceci suffit pour rendre le texte de votre page web vert:

p { color:green; }

Avec l’arrivée d’applications web et systèmes complexes de gestion de contenu comme Worpdress Un designer web doit maintenant penser aux standards typographiques, aux formulaires et boutons, la mise en page et les colonnes, la version imprimé et mobile, et bien sûr la compatibilité avec tous les navigateurs, ce qui est généralement la partie la plus difficile. Heureusement, il y a maintenant des frameworks (ou “cadre d’application” si vous préférez) qui fait tout ce travail pour vous, comme:

• Blueprint
• Yahoo! CSS foundation
• Tripoli
• Hartija

De nombreux “experts CSS” ont critiqué l’usage de tels librairies, disant pour la plupart qu’ils voyaient ça comme de la triche. Mais en pratique, on ne peut nier le fait que l’usage de frameworks CSS nous gagne beaucoup de temps et nous donne une base solide pour démarrer. Et en plus, il y a peu de gens qui connaissent par coeur tous les règles typographiques…

J’ai essayé personnellement Blueprint et aussi les librairies CSS de Yahoo!. Par exemple, Blueprint va se charger pour vous de la typographique, la mise en page, mettre des styles de base, vous donner un code qui marche avec Firefox, Internet Explorer 5.5 et 7, Safari etc.

Bien sûr, ceci devrait être vu seulement comme un point de départ. Le fichier CSS principal sur vôtre site devrait ressembler à:

Of course, you should use it only as a starting point. The main css file on your website should look like this:


@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

Cela vous donne un site web d’allure professionnel en quelques minutes, et vous avez seulement à rajouter votre design personalisé à la fin. Aucune excuse donc pour ne pas utiliser les standards et essayer une des frameworks cités en haut.