CSS : Animations

By ggebelin,

Hey à tous !

Aujourd’hui, je vais partager avec vous l’un de mes coups de cœur de ses dernières années en terme d’intégration web : les animations.

Il existe plusieurs façons de mettre en place des animations sur un site web. Celle qui vient sûrement en premier dans la tête des développeurs ayant connu le début des années 2000, est l’utilisation du JavaScript. Les choses ont bien évolué depuis. Le JS s’est étoffé, notamment au travers de nombreuses librairies allant de la plus simple et plus populaire jQuery pour aller jusqu’à des outils très complexes qui permettent de créer des jeux vidéo et tous types d’effets très évolués comme ThreeJS ou Phaser.

Me concernant, je ne me suis jamais penché sur ces outils… pas que ça ne me tente pas, simplement par manque de temps. J’ai bien quelques petites idées, on verra si je me lance un jour.

La deuxième solutions pour mettre en place des animations, et celle qui me concerne, le CSS. J’ai bien eu l’occasion d’y toucher sur différents projets mais c’était toujours borné à de petites choses (ex : Prestations) et surtout, souvent accompagné de remarques du genre « si tu as du temps » ou « n’y passe pas trop de temps » et même « c’est un plus, pas indispensable ». Donc, jamais le temps d’y consacrer du temps, de pousser un peu la chose.

Je vais donc m’y mettre un peu plus sérieusement de mon côté. Bien que l’objectif sous-jacent soit de me perfectionner et de pousser les possibilités, le principal but reste ludique. J’y peux rien , je trouve ça marrant.

Je vous présente donc un petit projet que je mènerai toujours en parallèle de tout le reste : Animations.

Il s’agit surtout d’un playground, je ferai des tests, de l’expérimentation.

Voilà voilà, à bientôt et surtout, les commentaires sont ouverts si vous avez des idées de p’tites animations !

Web : Styliser des inputs checkbox et radio

By ggebelin,

Hey à tous !

Premier tuto sur le site, on va donc commencer par quelque chose de simple mais très important à savoir faire : styliser des cases à cocher. Il s’agit d’élément de formulaire HTML qui sont essentiels et pourtant il n’est pas si simple d’en modifier l’apparence.

Voilà, voilà. J’espère que ça va servir à certain d’entre vous et surtout, les commentaires sont ouverts alors n’hésitez pas à me demander si vous avez des questions précises.

++