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.

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. 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 | Pinterest. 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. 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. Pour quels usages ? Dans quel cas les marques auraient elle besoin de construire un site une page ? Exemples de one page design J’ai sélectionné plusieurs pages qui me semblent intéressantes à partager et à comprendre : 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.

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. 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... 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 :)))

SHADOW | Community of Dreamers.