Petite mise à jour de ma structure par défaut pour commencer un projet.
J’apprends en effet quelques nouvelles techniques, je découvre de nouvelles solutions, certains problèmes, j’expérimente, je teste…
Tout ça, en grande partie grâce à vous d’ailleurs. Du coup, pas de raison de ne pas partager.
Alors bien sûr, je fais certains choix… critiquables (langues, encodage, etc). Il n’empêche que cette structure est solide, souple et éprouvée en conditions réelles.
Elle pourra peut-être tout simplement vous inspirer sur un aspect ou un autre ?
Pré-requis
- Un serveur de type MAMP/LAMP/WAMP.
- Le chargement de la page peut se faire néanmoins en local avec une petite astuce.
Techniques employées
Globales
- Une bonne partie des recommandations Yahoo!’s Exceptional Performance.
XHTML
- Utilisation des Conditional Comments pour cibler les différentes versions de IE sans hack.
CSS
- YUI CSS Reset pour le reset CSS.
- YUI CSS Fonts pour la gestion des polices.
- YUI CSS Base pour établir un affichage par défaut des éléments principaux.
- Les Media types pour pouvoir concaténer les CSS.
- Even More Rounded Corners With CSS pour proposer une solution de modèle de boîte extensible avec des bords arrondis.
- Des boutons extensibles en CSS compatibles tous navigateurs.
JS
- jQuery
- JSMin pour compresser à la volée les JS.
- Browser detect pour pouvoir cibler les navigateurs par CSS sans hack (à n’utiliser que pour des correctifs mineurs évidemment).
- AJAX Libraries API pour profiter d’une éventuelle mise en cache de la bibliothèque.
PHP / Apache
- La méthode Combine pour concaténer à la volée les fichiers CSS et JS.
- CSSTidy pour nettoyer automatiquement les CSS.
- L’URL Rewriting qui est nécessaire en fonctionnement de la méthode « Combine ».
Résultats
- Un code XHTML valide.
- Un code CSS valide.
- Un score avec YSlow de A.
En ligne
- Exemple vierge.
- Exemple avec chargement de Flash, coins arrondis et formulaire.
- Les fichiers sur Google Code.
À venir
- Sans doute des améliorations sur l’accessibilité.
- Des optimisations ?
- Des correctifs ?