LESS : un langage pour simplifier les CSS

News tagged: css

LESS : un langage pour simplifier les CSS

Vous en avez assez de vous répéter dans vos feuilles de style ? Le langage LESS permet de simplifier leur écriture. Basé sur le langage CSS, LESS amène ce qui faisait défaut aux Cascading Style Sheets et ajoute une bonne dose de dynamisme très appréciable.
Les fichiers écrits en langage LESS vont porter l’extension .less et auront une syntaxe et des fonctionnalités propres, que l’on verra un peu plus loin dans cet article.

Read more

Séparation structure/ présentation/ comportement

Explicitons dans un premier temps ces 3 termes :
La structure d’une page web est l’organisation de son contenu avec des balises HTML ou XHTML telles que des balises de titres, d’ancres et de liens internes au document, ou encore de nouvelles venues avec l’HTML5 comme <nav> ou <section> (voir notre article «Présentation de l’HTML 5»).
La présentation, manière dont les contenus apparaissent à l’utilisateur, se définit grâce aux Cascading Style Sheets (CSS) ou feuilles de style en cascade grâce auxquelles on peut agir sur les couleurs, la taille, le positionnement et bien d’autres choses.

Read more

Le responsive web design

Ces dix dernières années, les dimensions des écrans d’ordinateurs de bureaux ont principalement évolués entre 15 et 27 pouces.
Si un 15 pouces correspond à une définition de 800 x 600 pixels pour une diagonale d’environ 38 cm, un 27 pouces représente une définition de 2560 x 1440 pixels pour une diagonale d’environ 68,58 cm.

Dans cette variété importante de formats et de résolutions, l’internaute a donc le loisir d’utiliser son navigateur favori dans de nombreuses tailles de fenêtre.

Les statistiques mondiales w3counter.com permettent d’observer dans le temps les résolutions d’écrans utilisées à travers une fréquentation de moins de 30000 sites web.

w3counter

Dans ce contexte, on comprend que l’approche du webdesign ait logiquement été liée à cette importante contrainte de supports d’affichage.

Read more