background preloader

Veille site one page

Facebook Twitter

One Page Website Wireframes. Les recettes de Gavottes. SKØLL TUBORG : la nouvelle bière aromatisée Vodka & Agrumes. NESTLE BREAK KitKat. Miss Brown. En tant qu'entreprise responsable, et conformément à notre Code Marketing, nous devons vérifier que votre âge correspond à nos engagements de communication sur nos produits.

Miss Brown

Indiquez votre date de naissance ci-dessous : Pour plus de détails sur nos activités pour une communication plus responsable, cliquez sur le lien du Code Marketing. Pour plus d'information sur notre Code Marketing, cliquez ici Votre profil n'est pas éligible par rapport à notre Code Marketing pour accéder à l'information que vous avez demandée. Malheureusement vous ne pouvez pas naviguer plus loin sur ce site. Pour plus de détails sur nos activités et pour une communication plus responsable, Cliquez ici.

Pin by Kelly Anderson on Inside my work brain. One page design : effet de mode ou réel intérêt pour les marques ? Il existe de plus en plus de nouveaux sites web construits sur une page unique, complètement navigable et offrant une nouvelle expérience utilisateur.

One page design : effet de mode ou réel intérêt pour les marques ?

Quels sont les atouts de ces nouveaux types de pages pour les marques ? Article rédigé par Stéphane Cholet. Directeur technique de l’agence web CLAP40, il accompagne ses clients dansleur stratégie web, mobile, sociales et CRM (acquisition, fidélisation, notoriété… ). Stéphane est également photographe à ses heures, et édite le site bokeh.fr. Toujours dans un besoin d’étonner, de surprendre et d’enrichir l’expérience utilisateur, le one-page (ou single-page) design (re)fait son apparition. Les nouvelles technologies au service du one page design Un site en one-page design est un site construit en une seule page web. La boite à outils de la parallaxe. Bientôt deux ans que les effets de parallaxe font partie du quotidien sur le web.

La boite à outils de la parallaxe

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 et habituelles. Le déplacement de plusieurs éléments au scroll sur des couches et à des vitesses différentes donne cet effet de profondeur. 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. Peux-on imaginer qu’elle continue son développement même avec l’ampleur que prend le responsive design ?

1 – Pour commencer, quelques exemples : Les sélections de sites utilisant de la parallaxe sont fréquentes sur les blog design. Lois Jeans Mario Kart Wii Iutopi Dentsunetwork Von Dutch. Zoom sur l'effet parallaxe. Après avoir abordé les arrière-plans extensibles (full background) nous allons continuer avec l'effet parallaxe.

Zoom sur 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. Pepsi Next. Smartphood. Oakley Airbrake MX // A Revolution In Impact Protection. SCROLL FOR YOUR HEALTH - by Tomer Lerner. Rich in minerals Rich in vitamin C Makes you less hungry Low on calories Source of B-complex vitamins Rich in anti-oxidants Will make you poop...

SCROLL FOR YOUR HEALTH - by Tomer Lerner

Rich in vitamin C Contain vitamin A & E Makes your teeth whiter Low in calories Rich in anti-oxidants Makes you feel peachy Rich in natural sugar Rich in vitamin B6 Makes you feel happy :))) Community of Dreamers.