Carrousel accessible v2
Le temps était venu de moderniser ce composant JavaScript, même si son utilité reste toujours discutable !
Étiquette : CSS - page 1/2
Passer de Sass à Vanilla CSS
Le préprocesseur Sass est un outil formidable, ne nous en cachons pas, mais les dépendances nécessaires pour la compilation et l'évolution des CSS offre l'opportunité de revenir à l'utilisation de CSS pur, ou Vanilla CSS.
Pourquoi et comment construire son propre framework CSS
Pourquoi repartir de zéro alors qu'il existe pléthore de frameworks CSS : Pure, Bootstrap, Tailwind, Materialize, Skeleton, Bulma - pour n'en citer que quelques-uns. Petit tour des avantages et inconvénients !
Bard vs Claude 2 vs ChatGPT
Après une série de tests avec ChatGPT, j'ai voulu comparer les résultats avec ses 2 principaux concurrents : Claude 2 (Anthropic) et Bard de Google. Les prompts sont identiques à ceux utilisés avec ChatGPT.
Quand ChatGPT essaye de coder partie 1 : HTML et CSS
C'est un peu le buzz du moment : les IA génératives et en particulier ChatGPT de la société OpenAI. C'est donc l'occasion de réaliser quelques tests, avec un premier article (sur une série de 3) dédié aux langages HTML et CSS.
CSS grid : centrez-les tous
Petit exercice de style avec CSS grid : peut-on centrer tous les éléments orphelins d'une grille en responsive ? Oui, mais c'est compliqué !
Un thème accessible pour PrismJS
Un thème accessible avec des contrastes en AAA pour la célèbre librairie de coloration syntaxique JavaScript PrismJS.
Les en-têtes de tableaux en Responsive Design
Les tableaux ne sont pas morts et sont même toujours très utiles. Ainsi, pour améliorer la lisibilité et l'expérience utilisateur sur mobile, il est important de faire correspondre les en-têtes et les données. Petite expérience avec deux méthodes.
Knacss + SASS : le CSS facilité
Knacss + Sass : la combinaison de ces deux outils facilite grandement le travail de conception et de design des sites internet. Petit tour d'horizon des fonctionnalités (la base en somme !).
WordPress 3.3 : masquer certaines parties de la Toolbar
Tout d'abord, les correspondances avec la feuille de style : #wp-admin-bar-wp-logo : logo WordPress et liens #wp-admin-bar-updates : mise à jour #wp-admin-bar-site-name : lien vers la page d'accueil #wp-admin-bar-comments [...]
Vers la fin d'IE 6
L'annonce par Google de ne plus supporter IE6 pour les nouveautés de YouTube annonce-t-elle la fin de ce navigateur ? Et il n'y a pas que YouTube qui est [...]
HTML5 / CSS3 en pratique
Tuts+ nous gratifie d'un article et d'une démo sur l'utilisation du couple HTML5 / CSS3 avec mise en pratique de l'utilisation des nouvelles balises de HTML 5 [...]