Présenté lors du séminaire Paris Web 2008, par Marie Destandau (Ototoï), Hugues Moreno (Gaya) et moi-même, cet atelier proposait :
des éléments de méthode pour l’intégration de sites web complexes, en s’interrogeant sur les points suivants :
- Comment envisager un projet, mettre en place un cadre de travail, prévoir les évolutions et la maintenance ?
- Comment s’organiser pour traiter de façon efficace les éléments génériques, les déclinaisons, et les parties plus spécifiques ?
- Quelles sont les possibilités d’optimisation, et en quoi tout cela impacte directement la qualité, l’accessibilité, les performances d’un site ?
La préparation de cet atelier fut d’autant plus enrichissante que nous étions plusieurs et hétérogènes : l’une a créé sa société, l’autre travaille en agence tandis que je suis indépendante. Nous vivons chacun des contraintes de travail différentes. Ce fut l’occasion d’échanger sur nos pratiques et méthodes de travail, et d’en dégager les meilleures, optimisées au fil du temps. J’espère que cet atelier vous aura fait bénéficier des fruits de nos échanges.
Notre support d’atelier, ci-après, repose donc sur de nombreux exemples et cas concrets issus de nos pratiques respectives. Nous commençons par un incontournable rappel des principes de base, l’héritage et la cascade, avant d’aborder les règles de travail à mettre en place entre les différents intervenants, pour s’attaquer ensuite à l’essentiel : en CSS, mieux vaut toujours travailler du générique au spécifique.
J’aimerais avoir le temps de publier quelques articles et tutoriels, dans les mois à venir, afin de compléter et expliciter ce support d’atelier. Voici déjà :
Cascade et héritage : concevoir, organiser, optimiser et maintenir ses feuilles de styles
Vos commentaires
# Le 21 novembre 2008 à 01:56, par bibox
Merci pour ce superbe slide, du gros travail pour nous rappeler les bonnes pratiques CSS. Dommage que l’affichage de Google docs soit si petit, dés fois les textes et les images se chevauchent. Encore merci pour ce partage de connaissances.
# Le 21 novembre 2008 à 17:09, par b_b
Merci pour la mise à disposition du document Romy. Au moins chez toi on est pas obligé de s’enregistrer sur un site de partage de slide pour y accéder...
Amusez vous bien à BXL ce week-end ++
# Le 21 novembre 2008 à 22:18, par Romy Duhem-Verdière
@bibox : le bouton plein écran ne fonctionne pas ?
# Le 22 novembre 2008 à 01:08, par bibox
@Romy : au temps pour moi, ceci était mon déflorage quand à l’utilisation du slide Google, je viens de trouver le plein écran. J’ai honte.
# Le 23 novembre 2008 à 20:04, par Pascale
C’est vrai que nos ateliers se ressemblaient furieusement ! Vos slides sont incontestablement plus complètes sur le sujet.
Pour info néanmoins, j’ai mis en ligne le diaporama et l’exercice d’application ici : http://css.mammouthland.net/parisweb/optimisation-css.php Mais cela s’adresse à des débutants, et non aux développeurs professionnels qui ont finalement assisté à notre atelier !
# Le 27 novembre 2008 à 12:02, par Stéphane Deschamps
Pascale arrête de faire ta modeste. Je me suis éclaté à ton atelier et les gens ont profité de toutes ces bonnes pratiques.
Et quant à Romy et compagnie : c’était chouette de vous voir en atelier. :)
# Le 14 février 2009 à 17:45, par Vincent
Juste un petit mot pour vous remercier du travail mis à disposition sur les CSS et héritages qui m’aide vraiment (cela fait partie des notions trop brièvement abordées dans les ouvrages traitant des CSS — à mon avis — ) . Merci aussi pour les diverses astuces SPIP.
Bonne fin de journée
# Le 24 février 2009 à 11:23, par Romy Duhem-Verdière
Oui, c’est vrai (et c’est stupéfiant) qu’il n’existe toujours pas d’édition papier des spécifications CSS !
Ça fait des années que je demande ça dans les librairies spécialisées... et qu’en réponse on me sort des annuaires de design web, plein de captures d’écran de sites au graphisme affolant (tant mieux pour eux mais on s’en fout) majoritairement réalisés en Flash. Bref totalement hors sujet.
Un message, un commentaire ?
Suivre les commentaires :
| 