Dans cet exemple, on applique une classe directement à l’image, pour en faire image full screen avec une position absolute, top:0 et left:0; Puis on applique une animation avec ‘scale » et une valeur de départ, ici 1 soit 100% et une valeur d’arrivée à 1.1. On crée une classe supplémentaire qui sera appliquée à notre […]
Pour embéllir l’effet de hover sur vos liens, on peut rajouter un effet de transition css pour faire apparaitre le changement de manière un peu plus progressive: la transition est à appliquer sur l’etat normal de l’élément. See the Pen RPKYZG by yuyazz (@yuyazz) on CodePen.
Ideal pour un site onepage où plusieurs sections se succèdent avec chacune des gros titres ,des sous-titres ou des images à la une, le plugin scrollReveal.js permet de faire apparaitre ses titres , div ou autre élément avec des effets multiples (de gauche à droite, bas en haut etc..).Comme son nom l’indique, l’animation s’execute […]
Il y a plétore d’exemples sur le net pour centrer un élément, soit en pur css soit avec du jquery. Voici une solution de chaque, qui a le mérite de fonctionner: On crée la fonction center, que l’on applique ensuite au éléments que l’on souhaite centrer par rapport à la fenetre. Plus simple et voire […]
Voici une fonction jquery pour pouvoir selectionner, deselectionner un bouton radio: See the Pen OVWxLZ by yuyazz (@yuyazz) on CodePen.
Actuellement, l’outil actuellement le plus puissant pour émuler une interface mobile reste l’outil de google chrome, pas besoin d’aller chercher plus loin. On fait un clic droit (ou ctrl Maj i) et on inspecte l’élément.(sur IE Ou Firefox on clique sur F12 puis pareil on cherche le petit icone d’émulation) Tout en haut à gauche, […]
Une méthode simple lorsqu’on récupère un fichier AI (illustrator) ou Photoshop, et que les layers (calques) sont transparents, est de cliquer sur l’icone « layer » en bas à droite de l’écran, puis d’aller dans longlet « layer/new/layer from background » automatiquement, vous obtiendrez un fond blanc sur vos calques pour mieux distinguer les éléments :
On va partir d’une image: Sur un site, j’ai un bouton ‘je veux en savoir plus sur cette offre » qui traine quelque part en bas de la page.Le but, comme sur l’image ci dessus est de placer cet bouton en position fixe, pour qu’il apparaisse des l’ouverture de la page, en bas de l’écran et […]
Sur de nombreux thèmes gratuits ou payants, on a la possibiité de créer des blocs, des sections de pages, ou des pages entières en passant par les paramètres du thème et un éditeur customisé. Dans cet exemple, imaginons qu’on place une image dans une section, selon le thème on peut soit charger une image de […]
Pour l’intégration , je suis tombé par hasard sur ce plugin :SliceExtractor..et il permet un gain de temps hallucinant!! SliceExtractor.atn On le télécharge, puis rien d’autre à faire.En ouvrant photoshop, on fait un ctrl clic sur l’image ou le calque qu’on veut séléctionner.Ca le met en surbrillance dans la colonne des calques : ici j’ai […]