Nos articles taggués « css »
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 très pratique pour un·e développeur·euse. En effet on a vite fait de…
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, faire des boucles, créer des mixins… Mais avec les avancées du…
Lire la suite de l’article Passer à PostCSS pour un projet sans SASS
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 d’horizon de ces propriétés CSS encore un peu méconnues. Les logical…
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 un problème auquel nous pouvons être confrontés si nous utilisons…
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 journées, nous avons pu assister à divers sujets portant sur le thème…
Lire la suite de l’article Ce que Paris Web 2023 nous apprend
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 en page, mais pas seulement… Parallèlement, plusieurs astuces ont également…
Lire la suite de l’article Des panneaux dépliants flexibles en CSS
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 😏, et bien évidemment, de m’amuser avec les dernières fonctionnalités…
Lire la suite de l’article 4 astuces CSS pour bien commencer l’année !
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 édition 2022 marque le retour aux sources de ce qui fait le web : répondre…
Lire la suite de l’article Paris Web 2022 : retour aux sources
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 juste un générateur de classes utilitaires… mais ok, si tu insistes, …
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éé un outil plus léger, plus souple, plus en adéquation avec nos besoins, …
Lire la suite de l’article Notre framework d’interface Atomic Builder – Partie 2
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é et mis en avant par Twitter en 2010 et qui reste à ce jour le framework…
Lire la suite de l’article Présentation des frameworks d’interface – Partie 1
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