Nos articles taggués « css »
Les couleurs relatives en CSS 🎨
Je ne sais pas vous, mais une chose qui m’a toujours frustré en tant que développeur front-end, c’est de devoir manipuler des couleurs. Appliquer une opacité, ajuster une teinte ou modifier la luminosité d’une…
par Jonathan Levaillant
Scroll-driven animations en CSS : guide pratique pour s’affranchir du JavaScript
Pour celles et ceux qui ont déjà réalisé des animations au défilement de la page vous avez sûrement utilisé par le passé des librairies comme scroll reveal ou animate on scroll. Moi-même, j’ai déjà passé de longues…
par Katia Moreira
En finir avec la barre de défilement horizontale et les unités de viewport
J’ai l’habitude de développer sur Mac OS, et sur ses navigateurs (que ce soit Chrome, Firefox ou Safari), la barre de défilement s’affiche par-dessus la page web et est invisible par défaut. C’est joli mais pas…
par Katia Moreira
Passer à PostCSS pour un projet sans SASS
Cela fait plusieurs années que nous avons l’habitude d’utiliser le préprocesseur SASS (Syntactically Awesome Style Sheets) chez JoliCode. Incontournable chez les intégrateur·rice·s, il permet d’utiliser des variables, …
par Katia Moreira
Adaptez votre site aux différentes langues avec les propriétés CSS logiques
Aujourd’hui supportées par la majorité des navigateurs, les logical properties ou propriétés logiques permettent d’adapter la mise en page d’un site selon la langue de l’utilisateur. Je vous propose un petit tour…
par Katia Moreira
Comment faire fonctionner les liens d’ancrage avec un en-tête collant (sticky) ?
Facile à mettre en œuvre, apprécié par les clients et utile lorsqu’un site contient beaucoup de contenu, l’en-tête collant (sticky header) est devenu un élément incontournable de nos sites Web. Néanmoins, il existe…
par Agnieszka Bacior
Ce que Paris Web 2023 nous apprend
Pour cette rentrée 2023, nous étions, une fois de plus, au rendez-vous pour une dix-huitième édition de Paris Web se déroulant à l’Institut Pasteur, en plein cœur de Paris. Accessibilité et IA Lors de ces deux…
par Jonathan Levaillant, + 4 autres
Des panneaux dépliants flexibles en CSS
État des lieux L’arrivée du module CSS Grid Layout (modèle de disposition en grille) et sa prise en charge par la majorité des navigateurs modernes a véritablement révolutionné notre façon de réaliser des mises…
par Jonathan Levaillant
4 astuces CSS pour bien commencer l’année !
L’année 2022 a été, pour ma part, très riche en projets Web. 🎉 Ce fut donc l’occasion rêvée d’expérimenter de nouvelles méthodologies d’intégration, de passer du côté obscur de la force en adoptant Tailwind CSS…
par Jonathan Levaillant
Paris Web 2022 : retour aux sources
Après deux éditions de conférences en ligne, 2022 signe le grand retour de Paris Web en présentiel. Et on ne va pas se le cacher, ça fait un bien fou de retrouver les membres de la communauté en personne ! Cette…
par Jonathan Levaillant
J’ai testé Tailwind CSS…
Paris 11e, un vendredi, 10h42, pause café : Greg (développeur Back-End) : Tu n’as jamais testé Tailwind CSS ? Allô, on est en 2021, même ma nièce de 2 ans s’y est mise ! Moi (développeur Front-End) : Mouais… c’est…
par Jonathan Levaillant
Notre framework d’interface Atomic Builder – Partie 2
Pour de nombreux développeurs Web, utiliser Bootstrap ou Foundation est une évidence lorsqu’ils commencent le développement d’un site Web. Nous avons décidé de faire autrement. Pour nos projets, nous avons créé…
par Agnieszka Bacior, + 1 autre
Présentation des frameworks d’interface – Partie 1
En tant que développeur, vous avez sans doute déjà entendu parler de Bootstrap. Pour faire simple, dans le monde des frameworks CSS il y a lui et les autres ! Bootstrap est un framework CSS open source développé…
par Agnieszka Bacior, + 1 autre
Dites-nous tout !
Un de nos articles vous a aidé dans votre travail et vous voulez nous remercier ? Vous avez trouvé une typo ou une erreur ? N’hésitez pas à nous le faire savoir en nous envoyant un message