Pas d’explication, juste du code, pour faire apparaitre au survol un texte d’explication à la place de l’image, un texte plus large que l’image, à l’inverse des beaux effets jquery qui la plupart du temps restent à l’intérieur du cadre See the Pen zGpENd by yuyazz (@yuyazz) on CodePen.
Voici un tuto bien lourd sur la possibilité de créer un formulaire multi page :le principe ici est de coder plusieurs formulaires dans la meme page html ou php, mais de n’en montrer qu’un à la fois, et la fin de l’url du site prendrait donc en paramètre l’ID du formulaire . Au niveau requetes et […]
Ayant travaillé recemment sur le responsive, j’ai réalisé combien il etait difficile d’avoir un rendu similaire sur tous les types de mobiles.En codant pour l’iphone 6, généralement ca passe aussi pour les samsung et windows phone, iphone 5 et 4 sont quasi identiques, les Nokia ont des dimensions et donc des medias queries qui peuvent rentrer […]
Petit mémo pour rappeler la technique css pour cibler par exemple, dans une liste d’articles avec une barre horizontale (<hr>)de séparation sous chaque article, le dernier article ou dernièr <hr/> Sur WordPress, la loop est généralement appelée dans un fichier archive ou caregory ou index, qui renvoie pour le contenu vers un fichier ‘content-‘.A la […]
Sur plusieurs sites vus récemment, j’ai remarqué que la tendance 2015 en matière de design était plutot orienté « tape à l’oeil », des gros titres, des blocs qui partent en diagonales, un peu comme les pages d’un magasine de mode. Voici un exemple d’une page html avec des blocs obliques, pensé par une graphiste de talent, […]
Par ce titre qui ne veut rien dire, je parle en fait d’une barre, fin ou début de section, qu’on a l’habitude de faire soit en utilisant une image en background sur un pseudo element (xxx:after{…} ) ici pour l’exemple, je dessine une barre sous mon menu.Le site est composé d’une sidebar à gauche […]
Voici un petit code pen pour créer une barre d’étape pour un formulaire ou tout autre élément: See the Pen VLyPPY by yuyazz (@yuyazz) on CodePen. il faudra ensuite penser à y coller du js pour interagir avec la page en cours.
Petite astuce css toute bete, ici on va voir comment modifier les labels de ses formulaires simplement grace au css et pseudo élement: on a ici deux apparences, mobile ou desktop , d’un meme formulaire.Grace au css on change l’apparence du formulaire en fonction du device utilisé.Comme on le voit sur l’image, le label « ET » […]
Petite astuce bien connue et évidente pour certains, beaucoup moins pour d’autres : Ici on va voir comment changer l’apparence d’un formulaire lorsqu’on passe en version mobile:On pourrait voir la chose en développeur et chercher un moyen d’appliquer une condition pour savoir si on est sur mobile ou ordi, ou alors on peut faire simple, […]
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.