In and Out of Style
De quoi parle-t-on ?
La conférence de Jeremy Keith au CSS Day parle des différentes manières dont la stylisation d'une page HTML a évolué avec le temps.
L’évolution du
style…
Au cours du temps, différentes personnes ont proposé des formats de fichier uniquement dédiés au style. Jeremy Keith nous présente de manière chronologique la manière dont le langage CSS s'écrivait et ce que leur formats apportent de plus par rapport aux anciens.
Un accord commun
Pendant la conférence, quelques notions telles que le " path dependance " et les " hacks " sont abordées pour comprendre la façon dont nous codons de nos jours.
Humans are allergic to change.
On nous apprend l’importance de séparer le contenu et le style d'une page Web ainsi que des anecdotes sur les tricks mis en place pour la mise en page d’un site avant l’apparition du css que l’on connaît de nos jours.
Jeremy Keith
Qui est-il ?
Jeremy Keith est un développeur web Irlandais d’une cinquantaine d’années qui vit actuellement à Brighton.
Il est l’auteur de différents livres, conférencier, cofondateur de l’agence de design Clearleft
Il a également contribué à un certain nombre de projets open source utilisant GitHub et est musicien à ses heures perdues.
Son site web, où il recense tous les articles et les conférences auxquelles il a participé, se nomme adactio
Ses projets
Jeremy a écrit des livres qui abordent comme sujet l’HTML, le Javascript ainsi que la conception et le développement web. Il a notamment rédigé comme livres connus “DOM Scripting” et “HTML5 For Web Designers”.
Mais également…
Un événement qui a du style
Le jour du CSS ?
Le CSS Day est un événement qui a été créé en 2013 dont la dernière édition s’est déroulée à Amsterdam, celle-ci s’adresse principalement aux personnes intéressées par le web development.
Ce qu’on peut y
trouver
Cet évènement aborde la CSS au travers de 15 conférenciers qui vont nous présenter différentes thématiques dont chacun maîtrise son sujet.
L’exposé couvre également certaines tendances à long terme qui examinent des idées qui sont apparues, ont disparu et réapparues au fil du temps. Par exemple, le style comme dans les tendances et la mode.
En résumé…
Quelques notions
intéressantes
Le Contexte partagé
Le Contexte partagé naît lorsque des personnes se mettent d’accord sur un sujet, et savent par la suite le reconnaître de la même façon. Par exemple : une chaise.
Pourquoi l’appelle-t-on “chaise” ? Il s’agit d’un choix totalement arbitraire à l’origine, mais qui est devenu un standard.
Le Path Dependance
Le Path Dependance consiste à se tenir à une action, un choix qui est devenu une habitude. L’être humain est allergique au changement, et lorsqu’on devient habitué à quelque chose, il est très difficile de nous y défaire : cela est une notion très importante lorsqu’on doit créer quelque chose si l’on souhaite qu’autrui y adhère.
Une petite leçon
d’histoire
Avant la css, on ne savait pas forcément où notre style devait se trouver, donc on laissait la stylisation au navigateur… Néanmoins il est devenu clair que ce n’était pas assez, il fallait permettre aux auteurs de styliser. Rapidement quelques personnes ont commencé à proposer des solutions
Rob Raisch
Juin 1993
Abréviation des termes
Concept de sélecteurs
Pei Wei
Octobre 1993
Idée de propriété et de valeurs
Notion d'imbrication
Håkon Wium Lie
Octobre 1994
Mélange du sélecteur
et de la propriété
Notion de pourcentage
Concept de variable
Bert Bos
1994
Apparition des colonnes entre
les propriétés et les valeurs
Principes de design
La CSS finale
Bert Bos et Håkon Wium Lie
se sont associés et ont créé ensemble
la CSS
selector {
property: value;
}
Mon opinion
Une histoire passionnante
La conférence “In and Out of Style” de Jeremy Keith m’a permis de découvrir l’histoire qui se cache derrière les fichiers css que je touche au quotidien. J’ai pris conscience que la norme que l’on a aujourd’hui n’a pas été forcément le cas par le passé : la css est le résultat d’un accord commun qui a harmonisé une pratique autrefois un peu plus “sauvage”
You’ve got a selector, a property and a value.
Ce que j’en tire…
De tout cela, j’en conclus que je suis très chanceuse de connaître la css de maintenant, d’avoir dès le départ cette facilité que tout le monde n’a pas forcément.
Je suis passionnée de voir que des personnes ont mis en place de telles choses pour se faciliter la tâche, que ça soit concernant la création de la CSS ou des hacks mis en place quand ce que l’on souhaitait faire n’était pas encore faisable de manière correcte.
Et maintenant ?
Après avoir visionné cette conférence, il me tarde d’en visionner d’autres qui pourront élargir mes connaissances, apprendre ce qui était fait par le passé mais aussi actuellement. Pouvoir assister à cet événement pour la prochaine édition serait une chance.
Vous en voulez plus ?
The CSS Cascade,
a deep dive
En restant dans la CSS Day, Bramus Van Damme nous présente le style en cascade et ses avantages.
Visionner cette vidéoCSS in 7 Minutes
Vous souhaitez en savoir plus sur la CSS mais vous n’avez pas forcément du temps à y accorder ? Cette vidéo vous permettra de connaître les grandes lignes en seulement 7 minutes !
Petit disclaimer : La langue utilisée dans la vidéo est du Hindi, mais vous avez accès à des sous-titres anglais.
What is CSS?
And How It Works!
On parle de CSS mais concrètement, qu’est-ce que la CSS ?
Dans cette vidéo, on vous présente visuellement ce qu’est la CSS et à quoi elle sert.
La Team
Car la rédaction de cette page ne s’est pas faite toute seule, je vous invite à visiter également la page de mes camarades sans qui ce projet n’aurait pas existé.
Logan Guyot
Si la tomate est un fruit, alors le ketchup est un smoothie ?
Lien vers le site de Logan
Camille Espert
Ne rien faire est difficile on ne sais jamais si on a vraiment fini.
Lien vers le site de Camille
Jodrick Mounga Tchamo
Étudiant en Webdevelloper/Webdesign, Jodrick est un passionné du Web et des nouvelles technologies.
Lien vers le site de Jodrick