193 - Créer un bouton pour remonter en haut avec jQuery. Faire un bouton « retour vers le haut » en Jquery. Quelque chose qui peut être pratique pour ses visiteurs quand on a une page assez longue, c’est un bouton qui permet en un seul click de remonter en haut de la page. Voici comment le faire en Jquery : Tout d’abord, il faut faire un bouton, rien de compliqué, que du CSS et HTML.
Donc ici, j’ai créé une div dans laquelle se trouve une flèche. Au passage de la souris sur la flèche, une bulle d’information affiche : Retour en haut. Stylisons cela ! Personnellement, j’ai décidé d’afficher ce bouton toujours en bas à droite (bottom: 15px; right: 25px;) de la page et qu’il ne bouge jamais (position: fixed;).
Passons à la partie Jquery ! Déjà, importez Jquery si ce n’est pas déjà fait : Ensuite, passons au code Jquery qui rappelons le : au click sur le bouton : on remonte toute la page avec une petite animation pour faire classe :D Pour changer la vitesse de remontée, c’est au niveau du “slow” qu’il faut bidouiller ;) Donc, voici le nouveau code JS : Quelle couleur choisir pour un site Internet ? L’adage dit que les goûts et les couleurs ne se discutent pas. Lors de la création d’un site internet, le choix de couleurs pour le visuel du site fait pourtant l’objet de nombreuses discussions. Bien sûr, quelles que soient les couleurs utilisées, la conception graphique (formes, illustrations, photos, organisation des éléments, etc.) apportera bien plus à l’aspect général du site que les couleurs utilisées.
Nous profitons toutefois d’une étude trouvée sur ce site pour nous attarder sur les couleurs préférées du genre humain. L’étude a été réalisée auprès de 232 personnes dans 22 pays. Le bleu et blanc sont généralement associé à la confianceLe bleu, noir et blanc à la sécuritéLe rouge à la vitesseLe orange et jaune aux notions de bas prix ou bon marchéLe noir et rouge à la peur, la terreurOrange, rouge, jaune et violet au divertissement, au fun. On retrouve ici un point commun, le marron fait aussi une relative unanimité en sa défaveur. Et vous, votre site, il est de quelle couleur ? Générateurs…partie 2/24. Color Scheme Designer 3. Your free online color matching toolbox.
Explore / Tags / web. Kuler. Le bon plan du mois de juillet - Ressources Web Design | Ressources Web Design. Pour les deux mois d’été, comme Ressources Webdesign sera un peu (voire beaucoup) au ralenti, je vous propose tout simplement quelques blogs remarquables de ressources webdesign à visiter, remplis de cadeaux et de bons plans… Parfois, on vous demandera de vous inscrire, parfois non.
Donc à vous de voir en fonction de vos besoins réels. Petite recommandation qui n’est jamais inutile : pensez à vérifier les termes d’utilisation des éléments que vous téléchargez (notamment si vous prévoyez un usage commercial) et… à laisser un petit mot de remerciement quand c’est possible. Il y a vraiment de tout, pour toutes sortes d’usages, et même si vous ne cherchez pas quelque chose de particulier en ce moment, c’est en explorant tout ce qui vous est offert que vous pourrez aussi bien tomber sur l’élément parfait que vous aviez renoncé à chercher… Trois par mois en juillet et en août, ça ira ?
Le lien : Le lien : À très bientôt ! Shiny Transparent CSS Buttons. Contact Form PSD | elemisfreebies | raw materials for design. Download Free Photoshop (PSD) files – Useful Design Resources! Huge Icon Bundle: 70 icon packs, 10000+ icons with top notch design « Design Shock Design Shock. As most of you may know by now here at the webdesignshock.com family we’re accustomed to bringing our followers with the latest in ready to download web design resources, well, on this occasion our partner site Iconshock.com brings you fresh out of the oven the new Free Icon Bundle…the biggest icon collection you’ll find on the web! (that’s right! We dare you to find one bigger than this one for FREE) So, don’t miss the chance to get a hold of this huge icon bundle with more than 70 Ready to download, high quality icon sets, all including their source file, and as we usually do it…totally free!
And remember… it’s always great to hear the love from our followers, so and drop your comment below and be sure to let us hear it! (scroll to the bottom to download the Free Icon Bundle) Read Carefully, Specially: Hotmail / MSN / OutLook users, please check your spam/junk folder to get our msgs and mark us as safe senders (see how) to be sure you can get all our freebies. 100 Shadows Set: Amazing pack of shadows including PSD Sources « Design Shock Design Shock. A very used trend these days is enhancing web elements with huge shadows, so that pages kind of look more deep therefore pleasant to the eye. In this post we’ve created four very complete sets of shadows, ideal for you to use in your elements, additionally within the set there are a lot of elegant boxes so that you can use your own or the set boxes as well.
Each set has Source Files and it’ll be very easy for you to incorporate the shadows in your own elements or modify the elements in there. On the other hand you can also change shadows color, to accomplish that you just have to turn a color layer visible, from the 10 different color layers. Feel free to tell us how do you like them. If you’d like you can also subscribe to our newsletter hence receive fresh freebies. Closer view: See shadows in high detail Color Schemes: 10 different shadow colors Shadows Set 1 Preview Shadows Set 2 Preview Shadows Set 3 Preview Shadows Set 4 Preview.