Intégration HTML5 CSS3 : conseils et exemple à télécharger pour bien démarrer votre site

Récapitulons : les langages HTML et CSS sont les langages les plus connus. Tous les développeurs ont déjà regardé comment fonctionne le code HTML et les feuilles de style pour apprendre à créer un petit site web.

Au début on fait des copier coller et en bidouillant un peu le code et on arrive, sans tout comprendre, à faire fonctionner la page. Et puis on apprend que les tableaux de présentation c’est le mal et enfin on essaye de ne pas attraper la maladie de la divite aigüe.
Bref, on arrive à créer de petits sites mais on a toujours l’impression de faire du bricolage.

Vient enfin l’instant fatidique où l’on vous demande de travailler sur un gros site web d’entreprise. Un site comportant un nombre important de pages. Un site professionnel avec beaucoup de fonctionnalités métiers. Vous vous dîtes qu’il va falloir partir sur une architecture solide et arrêter le bricolage !

Côté serveur, pas de problème : vous maîtrisez votre technologie et vous savez déjà comment industrialiser votre code.
Côté client, c’est une autre affaire !
Vous avez lu pas mal d’articles expliquant comment écrire du code HTML sémantique, comment positionner vos éléments avec du CSS mais vous ne savez pas comment démarrer votre site pro. En même temps, vous avez entendu parler de framework CSS, de responsive design, de CSS orienté objet et de grille.

Pas de panique, Kiwano vous propose un tour rapide des éléments à prendre en compte si vous démarrer un gros site web.
Ensuite nous verrons comment batir une architecture HTML et CSS solide avec une bonne base HTML et un bon découpage des styles avec en cadeau une archive d’un template de base HTML5 CSS3 par Kiwano.
Enfin nous terminerons avec une liste de conseils.

html5+css3
Continuer la lecture de Intégration HTML5 CSS3 : conseils et exemple à télécharger pour bien démarrer votre site

CSS 3 : Résumé PDF des sélecteurs et media queries

Un petit article pour saluer l’initiative de Letstudio, studio de communication Web et Print à Marseille.

Reprenant les articles Kiwano « Savoir comment utiliser les sélecteurs CSS 2.1 et les nouveautés CSS 3 » et « Nouveautés CSS 3 : c’est quoi les Media Queries ?« , Letstudio les a résumé façon mémento pour les mettre à notre disposition.
Continuer la lecture de CSS 3 : Résumé PDF des sélecteurs et media queries