50 super plugins jQuery récents pour rendre votre site ergonomique et attrayant Cela fait quelques années que le Javascript et notamment jQuery – qui simplifie et norme son utilisation – continuent d’être de plus en plus utilisés. Aujourd’hui cette technologie est toujours plus facile à exploiter grâce à l’installation de plugins, c’est-à-dire de petits modules de code. Il n’a jamais été aussi facile qu’aujourd’hui de rendre un site ergonomique, originale et attractif ! Ces 50 plugins sélectionnés avec soin parmi les milliers existants vous permettront de transformer n’importe quel site fade en site riche, intuitif, interactif et ergonomique, y compris sur mobile. Leur mise en place est en général très simple. Plugins pour réaliser des sites avec effets de scroll et/ou de la parallax Parallax.js Déjà présenté dans Le meilleur du web, ce plugin très puissant et relativement facile à mettre en place vous permettra de recréer un effet de parallax facilement. Parallax.js Pour créer des sites à parallax verticale facilement : One Page Scroll Parallax.js Fullpage.js Skrollr via
Est-ce la mode des sites en parallax scrolling vertical ? Connaissez-vous le parallax scrolling ? Si vous n’avez pas eu la chance de posséder une console 8-bits alors il y a peu de chances pour que vous connaissiez cette technique graphique permettant de donner une illusion de profondeur de champ (mais il n’est pas trop tard, car il vous reste encore quelques jours pour aller à l’expo Game Story). Pourquoi parler du parallax scrolling ? De nombreux designers s’en servent maintenant pour leur portfolio, de même que des grandes marques qui en ont vu l’intérêt : Nike sur le mini-site de son organisation Better World ; Smart sur son site américain SmartUSA ; VW sur le site de sa nouvelle Beetle ; Citroën sur le site de la DS5. Je ne saurais vous dire pourquoi trois constructeurs automobiles ont utilisé cette technique de défilement vertical en quelque mois, toujours est-il que la communauté apprécie. Puisque l’on parle d’originalité, je vous propose de découvrir deux derniers sites qui poussent encore plus loin cette technique :
Styler un site à la mode Web 2.0 Voici un mémo de l’article anglophone « Web 2.0 how-to design style guide », qui liste en 15 points, les caractériques et tendances actuelles du design des sites dits « Web 2.0 » en nous expliquant leur intérêt. Voici un extrait de l’introduction de l’auteur, l’anglais Ben Hunt, designer talentueux qui travaille dans la création des sites Internet depuis 1994 : « Je vais vous guider à travers les caractéristiques de la vague actuelle d’excellents sites Web, disséquer aspects les plus significatifs, expliquer pourquoi chacun d’entre eux peut être bon, et vous montrer comment les utiliser dans vos propres sites.Si je devais expliquer le “Web 2.0” en un seul mot, ce serait “simplicité”. Nous allons donc commencer par là.Je suis un fervent adepte de la simplicité. Je crois que c’est la voie à suivre pour la conception de sites Web. »
PsdFreak - Free Psd Resources for Photoshop Freaks! PSD Templates | Tutorials | icons | logos | Photoshop resources La boite à outils de la parallaxe Bientôt deux ans que les effets de parallaxe font parti du quotidien sur le web. Si vous n’avez pas encore sauté le pas, c’est le moment de vous y mettre ! Petite piqure de rappel sur la parallaxe avec cet article « 11 sites avec effet de parallaxe » mis en ligne début 2011. L’effet ne date pas d’hier, utilisé sur le web à l’époque, notamment avec Flash, la parallaxe donne de la profondeur et du relief aux interfaces plates. Cet effet de profondeur est obtenu au déplacement de plusieurs éléments sur différents plans et à des vitesses différentes. L’ancien site Nike Better World avait remis l’effet au goût du jour en utilisant un subtil mélange de Javascript et d’images PNG transparentes. Peut-on imaginer voir cette tendance se développer même avec l’ampleur que prend le responsive design ? Voici l’intérêt de cet article, qui est en quelque sorte une boite à outils et à utiles. 1 – Pour commencer, quelques exemples : Lois Jeans Mario Kart Wii Iutopi Dentsunetwork Activated Drinks Von Dutch
Web design: 6 tendances fortes pour 2014 L’année 2014 commence à peine que de nouvelles tendances dans le monde du design se profilent. Le Web Design Ledger dresse ainsi le tableau des tendances qui marqueront le webdesign cette année, parmi elles: Le Flat Design: c’est la tendance qui s’est le plus imposée en 2013. Apple l’a utilisé dans iOS 7, en mettant par la même occasion le « skeumorphisme » (son opposé) au placard. Il s’agit ici de se débarrasser de tout effet de profondeur pour éviter une impression de superflu visuel. La typographie expérimentale: désormais les graphistes se lâchent avec les polices, l’espacement typographiques etc. Les menus déroulants: pour une meilleure expérience de navigation, les menus déroulants sont de plus en plus utilisés. Le défilement infini: encore une fois c’est la simplicité qui est recherchée. Des couleurs simples: en 2014, de nombreux sites devraient revoir en en partie leur charte graphique. Le reponsive design: il a été très utilisé en 2013 et ce n’est sans doute pas fini.
Témoignage SP Infographie Le Relais Adidas Icons DB - free custom icons Tendances du Web design à oublier en 2014- Le Blog Officiel de Wix.com 2014 s’annonce comme une année de prospérité pour le Web design. Les professionnels de l’industrie s’attendent à une déferlante de concepts innovants autant en termes de graphisme qu’en matière de navigation. Comment faire le tri entre les tendances qui continueront de fleurir et celles qui finiront dans les oubliettes de la Toile ? Des pages en pagaille Les sites qui présentent un nombre de pages incalculable et du contenu en quantité démesurée sont progressivement en train d(e s)’échouer sur le Web. Les rubans du bonheur Il est vrai que les rubans décoratifs ont connu un franc succès ces deux dernières années. Les images libres de droits édulcorées Si vous désirez que vos visiteurs puissent s’identifier avec votre site, évitez d’utiliser des images libres de droits insipides. Le style “journal” Les larges boîtes de texte, la police Serif et l’écriture en pattes de mouche fonctionnent à merveille pour la presse écrite. Skeuomorphisme Une hiérarchie confuse Assassin de la police
Wrangler Europe Suggestions Categories Collections Features View all results Products Wrangler Jeans Europe Bottoms Tops Accessories View All Denim Performance Explore Now Stories Fit Guide Discover our range of fits, compare them, and pick your favourite. Explore Now Bottoms Tops Accessories View All Denim Spa View Denim Spa Wrangler Men Denim Performance Proud To Be Blue Fit Guide Women Denim Spa Proud To Be Blue Fit Guide Inside Wrangler Store Locator The classic, regular-fit jeans hits 25 years. Explore Texas 25 Wrangler Denim Spa gets legs ready for the summer. Explore Denim Spa Wrangler blends sports technology with denim to create the ultimate summer jeans and jackets collection to keep you feeling cool. Explore Denim Performance More Info More Info Men Spring/Summer Explore Collection Men Spring/Summer Women Spring/Summer Beautiful blues and Sunny Skin Wrangler gets you ready for your summer holiday. Women Spring/Summer Wrangler presents a palette honouring a single colour: blue. Explore Men Explore Women MensSpring/Summer Did You Know?