Étiquette : css
-
Éviter le soulignement des pseudo-éléments dans un lien
Je viens de découvrir qu’en ajoutant display: inline-block sur le pseudo-élément ::before ou ::after d’un lien <a></a>, on peut annuler l’affichage du style text-decoration: underline sur le pseudo-élément même si on le veut sous l’élément en lui-même… C’est bien après plus de 10 ans de carrière dans le Web… https://codepen.io/nighcrawl/pen/dyLvYoV Mastodon
-
Modifier l’état d’une checkbox en fonctions de ses checkboxes filles
Cette semaine je travaillais sur un projet dans lequel une page affiche une liste de documents que l’on peut filtrer à l’aide de checkboxes. Dans cet article je vais vous exposer un cas d’usage que j’ai rencontré et comment je l’ai solutionné. Mastodon
-
Mettre en place un « dark mode » simplement
Cela fait un moment que j’avais mis en place la possibilité de choisir entre un thème sombre et un thème clair pour lire mon blog. Et ça fait presque aussi longtemps qu’il était éclaté au sol, dans le sens où même si on choisissait l’un des modes, les préférences du système prenaient de nouveau le
-
Impression et en-tête de page : casse-tête
Il y a quelques semaines, je travaillais sur un template de bilan comptable, destiné a être imprimé via notre application IBAKUS®COMPTA, dans lequel l’en-tête de page devait se répéter sur chaque pages du document. L’en-tête de page était constitué de plusieurs éléments permettant d’identifier le déposant (le nom de la société, son adresse, son numéro RC et TVA, etc.), la
-
Une navigation 3D en CSS et jQuery
Les éléments de navigation sont essentiels lorsqu’on conçoit un site Internet, que ce soit pour la navigation entre les différentes pages d’un site, ou simplement se déplacer vers différentes sections d’une même page. Claudia Romano propose un concept de navigation responsive simple mais avec beaucoup de caractère. Idéal pour la navigation d’un site type portfolio.
-
Une présentation vidéo en HTML, CSS et JS
Il y a déjà quelques mois, j’ai eu la tâche de trouver un moyen de présenter différent aspects d’une application que mes collègues et moi développons chez Ibakus Europe. L’idée était de faire une sorte de présentation vidéo expliquant les différents menus de l’application et que l’on puisse « naviguer » dans celle-ci, un peu comme une sorte de
-
Des boutons qui ont du style (CSS)!
Aujourd’hui pour fêter l’anniversaire du blog, voilà un tutoriel qui vous montrera comment créer des boutons super clean et sympa en full CSS (cf. ici sur le blog), grâce notamment aux nouvelles propriétés introduites dans CSS3.
-
Astuce: une feuille de style différente selon la taille de la fenêtre
Aujourd’hui en bossant sur le nouveau design j’ai voulu adapter mon design selon la taille de la fenêtre du navigateur, je vais donc partager cette petite astuce avec vous. Ici je vais utiliser un petit bout de Javascript, et plus précisement du jQuery.
-
Créer un menu horizontal avec les « Sprites CSS »
Dans ce nouvel article, on va voir comment grâce aux CSS et à la technique des Sprites, on va pouvoir créer un menu horizontal, ou tout autre élément, avec un effet de rollover sans utiliser un nombre incalculable d’images. Ici, une seule image sera nécessaire!