Technologie : CSS

Openweb.eu.org > Technologie : CSS

DRY approaches: don’t repeat yourself

by Nicolas Hoffmann, on the 29 October 2015

DRYdon’t repeat yourself – is one of the basic principles of programming. The two main concepts allowing you to avoid repetitions in programming are variables and functions.

Question is: how can we think DRY with a language which does not have variables or functions?

Seconde interview de Daniel Glazman (chairman CSS working W3C)

par Le collectif Openweb, le 23 octobre 2015

Nous avions invité ici-même Daniel Glazman en Juin 2008 pour une interview sur son activité de co-chairman au CSS Working Group.

Comme ce dernier va quitter son poste de co-chairman d’ici quelques jours, nous vous proposons une seconde interview, sept années après.

Think outside of the box

by Nicolas Hoffmann, on the 15 October 2015

Think outside of the box”: here is an enigmatic title!

However, it is one of our greatest challenges as CSS developers: abstracting us from our environment and even from our own senses that can… set up some vicious traps.

Performance seen from CSS

by Nicolas Hoffmann, on the 8 October 2015

You cannot escape it : performance has become a vital and probably one of the most critical requirements of modern websites.

CSS production has to take this into account.

Establishing CSS conventions and documenting them

par Nicolas Hoffmann, le 24 septembre 2015

If semantics is defined as “a set of rules and conventions in order to allow a group of people to understand each other”…

Why not apply this concept to CSS conception ?

Orthogonality with CSS

par Nicolas Hoffmann, le 17 septembre 2015

In the previous article, we recalled the concept of separation structure / presentation.

However this principle is in fact a sub-principle of a larger whole that is called the orthogonality.

Basic CSS principles

par Nicolas Hoffmann, le 11 septembre 2015

Before talking about recent issues of CSS, it is good to remember some
basics and some principles.
Even if the usage of CSS has evolved, these principles are still correct and are sometimes slightly forgotten.

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

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.