Zoom sur l'effet parallaxe. Après avoir abordé les arrière-plans extensibles (full background) nous allons continuer avec l'effet parallaxe.
Cet effet graphique étant facile à comprendre et à mettre en place, vous allez pouvoir créer rapidement un site original. Ce tutoriel va utiliser jQuery ainsi que le plug-in jQuery-Parallax. Qu'est-ce que l'effet parallaxe ? Il s'agit d'un terme générique correspondant au déplacement de plusieurs éléments sur des couches et à des vitesses différentes.
Au scroll (défilement de la vue) ou en fonction des coordonnées de la souris, les positions des différents fonds (ou éléments à animer) vont changer, ce qui va générer un effet de profondeur. Des exemples Utilisant le positionnement de la souris digitalhands.net bikingboss.com Utilisant le niveau du scroll nikebetterworld.com ok-studios.de driver-club Principe et théorie Grâce à l'utilisation de JavaScript, il est possible de déplacer les éléments par rapport à la position de la souris ou du niveau de défilement (scroll). En pratique. 30 Free UI Kits. Recognition and prestige for Web Designers and Agencies 30 Free UI Kits March 21 By awwwards-team In Design & Illustration User interfaces kits free to download Share on Facebook Share on Twitter Share on Google Share on Stumbleupon Share on Pinterest Share on Linkedin The graphic interface is the first thing our users see on our websites.
By Awwwards Team awwwards.com Awwwards – recognizing the talent and effort of the best web designers, developers and agencies in the world. BLOG Inspiration for web designers and developers. Les bonnes pratiques ergonomiques pour creer vos liens. Après un petit moment d’absence, nous allons essayer de reprendre les rênes de ce blog et pour ce faire voici quelques bonnes pratiques à mettre en place pour rendre vos liens plus « utilisables », plus ergonomiques.
Une fois de plus, chaque site internet a ses contraintes et tous ces conseils ne sont pas forcement applicables à chaque site. Ce sont uniquement de bons conseils pour des sites à caractères « populaires » Les liens sont un moyen pour l’utilisateur de naviguer vers d’autres pages du même site Web, consulter des documents connexes et/ou visiter des sites externes. Les utilisateurs ne devraient pas avoir à deviner ou à frotter la page pour découvrir où ils peuvent cliquer. Afin de maximiser l’affordance perçue de la cliquabilité, il faut prendre soin de souligner le texte du lien mais pas que… Être soulignés: les liens soulignés sont un standard qui agit comme un repère visuel fort pour connoter la cliquabilité.Mixer les cases.
Photo via flickr. 10 points à retenir pour concevoir un site efficacement. Petit récapitulatif général des choses que j’ai bien du répéter une centaine de fois chacune lors d’échanges avec mes clients.
Organisation, logique de conception, ergonomie, référencement, voici 10 points à ne pas oublier lorsque l’on veut réaliser un site. La plupart de ces petites choses semblent évidentes, pourtant pour aller vite, parce que cela met en évidences certaines lacunes qu’il veut se cacher, le porteur de projet est souvent tenté de les oublier. #ilnyaqueduvecu Définir des objectifs … et s’y tenir Quels que soient ces objectifs, ils permettent de se fixer une ligne directrice, d’éviter de se reposer 50 fois les mêmes questions lors de la rédaction, de la conception graphique, du développement.
Exemples : définition des cibles prioritaires, des 3 couleurs de base de la charte graphique, de l’emplacement et textes des menus, des expressions-clés principales visées, etc. Mettre à plat l’arborescence du site Pas besoin d’outils compliqués, un tableur Excel peut suffire. Pourquoi ?