+108 Free CSS Menu Designs {Mega Menu, Dropdown, Horizontal, Vertical}
108 Free CSS Menu +108 Free CSS Menu Designs – Navigation Menu is one of the most important elements of a web designs. Content-Rich Website without usable navigation will be useless, and maybe these can increase the number of bounce rate, and it’s really bad. bounce rate is the percentage of visitors who enter the site and “bounce” (leave the site) rather than continue viewing other pages within the same site {Wikipedia}. Many ways to reducing the high bounce rate, one of them is improving user interactions with good website navigation. There are many tutorials available on internet about how to create superb navigation menu design, and it’s free. . Related Post: Drop Down Menus 1. Slide Down Box Menu with jQuery and CSS3 2. Hover Fill - Drop Down CSS Menus 3. CSS3 Dropdown Menu - Drop Down CSS Menus 4. The Menu menu by Stu Nicholls - Drop Down CSS Menus 5. jQuery Menu: Dropdown, iPod Style and Flyout menus – Source jQuery Menu: Dropdown, iPod Style and Flyout menus 6. 7. 8. 9. 11. 12. 13. 14.
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
25 Fresh and Useful Icon Sets
463 shares 8 Free & Useful Minimal Icon Sets Icons are certainly a very important element of a design. It doesn’t matter if you are putting together a website or app, icons will be the key for several user interactions. Read More 916 shares 8 Beautiful and Free Flat Icon Sets For the past few years in web design, we’ve noticed a trend in moving toward simplicity and minimalism.
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
