Jour 14, pour preparer les backgrounds de futur réalisations j’ai coder un fond simple mais en mouvement, avec « background linear gradient ». On trouve de très bon générateurs de background dégradé sur internet comme par exemple : mycolor.space ou cssgradient.io pour mes préférés, par contre, aucun ne permet de mettre en mouvement ces fonds. Un exemple […]
Jour 13 de mon autochallenge #1day1code, On parle encore de svg ? Oui mais avec une animation, et ce n’est pas de mince affaire! On va réaliser la lettre Q avec une stroke qui la remplie tout doucement. Pour ca tout commence sur illustrator où l’on va créer notre lettre à partir d’une font Baskerville, […]
Jour 12, j’ai reçu une maquette il y a quelques jours d’un projet de site dans le quel il y avait des textes incurvés. La premiere idée serait d’utilisé du javascript comme arctext.js le faisait. Pour se moderniser et jouer avec le svg et le css j’ai découvert que l’on pouvait faire suivre un texte […]
Jour 11, Je m’intéresse depuis un moment à la réalisation d’un slider en pure css et pour une cliente j’avais besoin de faire des transitions « fade in fade out » sur environ 5 slides de ses images. Ici J’utilise 5 détails d’une fresque de Derudder design Le slider est en autoplay Le code est inspiré de […]
Jour 10 de l’auto challenge, dur d’ouvrir l’ordi en vacances, ca devient un reflex avant la plage ou entre deux verres. Aujourd’hui on continu à triturer les boutons et les hovers en css, on va jouer avec les shadows et changer leurs effets quand la sourie passe au dessus du bouton. Ça nous donne des […]
En ce jour 9 de l’auto challenge (on pourrait l’appeler #1day1code ou #100daysofcode) je me suis penché sur le design de bouton web (button), le rendre comics style. Pop style. Avec un très jolie dégradé derriere. Les parties interessantes de ce bouton sont les balises :before et :after qui viennent constituées le volume du bouton […]
8ème jour de l’auto challenge et bien arrivé à Belle ile en mer. Réaliser un fond de page qui change de couleur à chaque chargement ou clique sur l’icon central, plus qu’un changement de couleur, chaque chargement génère un paterne de couleurs qui se mélange aléatoirement. A voir et essayer ici : quentinrenaux.com/xp/1day1code/random-gradient/ Ps: j’ai […]
En ce 7ème jour de mon auto-challenge et en direct du train m’amenant de la Bourgogne à la Bretagne. Dans l’optique de réaliser une séries de sliders et carousels durant ce challenge j’ai réalisé un premier carousel en boucle infini, qui pourrait être utiliser en background d’un site pour montrer son univers.Le tout avec uniquement […]
6ème jour, et 2ème de la campagne (vacances + challenge = bon rythme). Je code donc le matin avant que tout le monde se lève. Mon but du jour était de rendre un objet rotatif lors du scroll de ma page et d’acheter 7 croissants et pains au chocolat avant que quelqu’un n’ait ouvert les […]
En direct de la campagne (enfin les vacances!), entre deux salades de fruits. Je souhaite respecter mon challenge d’un petit code par jour, j’ai donc amélioré celui d’hier avec les retours que vous m’avez fait: « ce serait sympa qu’il se passe un truc lorsque l’on passe la sourie sur les cercles » J’ai donc ajouté deux […]