Technologie : CSS

Openweb.eu.org > Technologie : CSS

0 | 10 | 20 | 30 | 40 | 50

Great modern CSS conception principles

par Nicolas Hoffmann, le 3 septembre 2015

We have often discussed, supported and defended it : front-end development, including CSS is a centerpiece for websites and even for the Web, and this phenomenon is increasing more and more, especially with responsive websites.

Nicolas Hoffmann offers for this purpose a series of no less than ten articles on modern approaches and constraints affecting CSS .

Considérations plus globales et conclusion

par Nicolas Hoffmann, le 2 avril 2015

Nous voila au terme de cette série consacrée aux grands principes de construction moderne de CSS.

a11y.css

par Nicolas Hoffmann, le 5 mars 2015

Des approches en vogue confrontées aux principes

par Nicolas Hoffmann, le 12 novembre 2014

Après avoir posé – huit articles durant – les principes modernes de construction des feuilles de styles, Nicolas Hoffmann vous propose d’y confronter diverses méthodes en vogue pour la conception de CSS.

Accrochez-vous, l’avant-dernier article de cette série ne manque pas de densité !

« N’y revenez pas ! »

par Nicolas Hoffmann, le 31 juillet 2014

« N’y revenez pas », voici encore un titre étrange pour un article sur CSS. Pourtant il illustre parfaitement une problématique de production : éviter de perdre du temps en revenant sur une intégration.

Autrement dit, gagner du temps sur la maintenance et la vie du site.

L’approche DRY : don’t repeat yourself

par Nicolas Hoffmann, le 20 juin 2014

DRYdon’t repeat yourself – est un des principes de base en informatique. Les deux principaux outils qui permettent d’éviter de se répéter en informatique sont les variables et les fonctions.

La question se pose alors : comment penser DRY avec un langage qui n’a à la base ni variables ni fonctions ?

Accessibility is good for the planet

by Coralie Mercier, Olivier Nourry, on the 11 June 2014

Preserving environment through Web accessibility? Unusual idea, even possibly incongruous… Yet, not so much if one realises that some of the flagship good practices in accessibility can reduce the carbon footprint of a Website.

Explanations.

L’accessibilité, c’est bon pour la planète

par Olivier Nourry, le 4 juin 2014

Préserver l’environnement grâce à l’accessibilité du Web ? Proposition surprenante, voire incongrue… Mais pas tant que ça si l’on réalise que certaines bonnes pratiques phares de l’accessibilité ont pour effet de réduire l’empreinte carbone d’un site Web. Explications.

« Penser en dehors de la boîte »

par Nicolas Hoffmann, le 23 mai 2014

« Penser en dehors de la boîte » – think outside of the box en anglais : voici un titre énigmatique ! Il porte pourtant notre plus grand défi en tant que développeurs de CSS : nous abstraire de notre environnement et même de nos propres sens qui peuvent nous tendre… des pièges parfois vicieux.

Les performances vues des CSS

par Nicolas Hoffmann, le 15 mai 2014

Il est inutile de se le cacher : la contrainte des performances est devenue vitale et probablement une des contraintes les plus critiques des sites internet modernes.

La production de CSS n’échappe pas à cette quête de rapidité.

0 | 10 | 20 | 30 | 40 | 50

Les CSS désormais supportées par les navigateurs modernes sont l’outil de présentation des pages Web standards.

A la différence des méthodes employées dans les années 90, les CSS permettent une stricte séparation du contenu HTML et des informations de mise en page. Le gain réalisé est considérable :

  • gestion simplifiée et économique de la présentation d’un site à l’aide d’une seule feuille de style pour toutes les pages, aisément modifiable ;
  • allègement des coûts de développement et de maintenance : il n’est plus nécessaire de mettre en place un système (hasardeux) de discrimination des navigateurs pour servir aux différents navigateurs un document adapté aux technologies propriétaires qui balkanisent le Web ;
  • allègement du code-source des pages Web, et donc économie de bande passante : une feuille de style n’est chargée qu’une fois par un navigateur, qui l’applique sans délai si nécessaire aux pages visitées par la suite ;
  • possibilité de doter une page de feuilles de style spécifiques selon les medias (navigateurs graphiques, lecteurs d’écran…). Les feuilles de style print permettent une impression immédiate d’une page depuis le navigateur, et dispensent d’avoir à créer une version imprimable du document HTML ;
  • possibilité de doter une page de présentations alternatives au choix de l’utilisateur ;
  • création de layout flexibles, qui s’adaptent aux différentes résolutions d’écran ;
  • meilleure accessibilité des pages Web par la disparition des tableaux détournés à des fins de présentation.