Webdesign : 10 exemples de sites utilisant l’effet parallaxe

Avez vous déjà vu un site utilisant l’effet parallaxe (aussi appelé urling) ? Cette technique permet de donner une illusion de mouvement lorsque l’internaute scrolle. On voit ainsi les éléments de la page s’animer et donner une illusion de profondeur. De ces sites se dégagent une réelle originalité et une expérience de navigation marquante pour l’internaute. L’effet de profondeur peut être activer soit en scrollant soit en bougeant la souris en fonction des sites, allez voir ces 10 exemples pour mieux vous rendre compte. Milwaukee Police News Mario Kart Wii Nike JumpMan Activate drinks JanPloch Webdesigner Resolutionnim : agence digitale Digital Hands : Online brand communication Iutopi Egopop Ok Studio Si vous aussi, vous souhaitez créer un , sachez qu’il existe un plugin WordPress permettant d’avoir recours à cette technique sur le slider de votre blog (Plus d’info ici : Utiliser l’effet Parallax avec WordPress ). Généralement cet effet est réservé aux sites évènementiels avec peu de contenu.

Comment le responsive design répond aux nouvelles exigences du WEB Le “Responsive Design”, ou design réactif ou adaptatif, est un panel de techniques et de méthodes qui permettent de rendre universel l’affichage d’un site Internet, qu’il soit consulté depuis une tablette, un smartphone ou un ordinateur de bureau, car il s’adapte à la résolution de l’écran de l’utilisateur. Ceci nécessite un travail en amont, pour pouvoir anticiper les différentes contraintes (affichage, mais aussi lenteur de l’accès) afin de proposer une expérience de consultation intéressante et avec la même qualité d’information quel que soit le support. Les évolutions qui ont induit le responsive design Les usages d’Internet et les technologies ont évolué au fil des années. Responsive design : un site qui s'adapte aux différents supports de navigation Les multiples avantages du responsive design Ce bénéfice que permet le responsive design présente également un réel avantage pour le référencement naturel (ou SEO : Search Engine Optimization). Responsive design et e-commerce

Boris Vian - site officiel Media Queries 16 Examples of Great Responsive Web Design Every website’s audience expects to be able to access it via any device that connects to the Internet. Therefore: it is no longer an option to have a responsive website. If you wish not to upset your visitors, allow them to visit a site on their phone that is meant for their phone. That, right there, will make them feel cared for and appreciated. It is hard to create something on a limited, tiny screen. Moreover, the most daunting thing about responsive design is the fear that we know that our visitors are giving us only so little attention because they are most likely walking, talking, running errands and making lunch all at the same time. Making of stunning and attention retaining responsive websites How do we make amazing responsive website? Content Cut out all the unnecessary content. Colour Colour can surprise us and comfort us as we look at a design. Typography Type sets the tone of the website. Layout It guides us within a website and makes us experiences it.

» 30 exemples d’usage de larges typographies en Web Design Le choix de la typographie est un des éléments les plus importants du Design Web. La typographie communique parfois le message autant que le texte en question, elle peut être large et imposante, sauter aux yeux du lecteur ou se cacher en arrière plan. Selon la police utilisée, une typo large peut être bruyante ou élégante, quelque soit la taille du texte… de 1 mot à une phrase. Dans la liste ci-dessous nous avons compilé une petite trentaine de sites avec des typographies larges et imposantes. Ces sites marient divers éléments de design à la typographie pour obtenir l’effet voulu : un design modern et attrayant. Cette liste de sites provient en partie de bloom web design. What Cheer Deren PolarGold Urban Off Volunteer Louisiana Elysium Burns Clear Air Works This is Dare Word It Fajne Chlopaki Mad in Spain Brunet Garcia Stephen Caver Simple As Milk Kaleidoscope Pixel Criativo HD Live Bear Grylls Live Paradox Labs Aruns Folio Net Bluez Carsonified KK Designs Ashfall Design Eight Mulletized Eps Design Eshbeata Danstrog

The Quest for The Graphical Web Javascript : 10 ressources utiles à connaître - javascript-ressources Aujourd'hui sur le Blog Du Webdesign, découvrez 10 ressources Javascript qui vous seront utiles. Sigma Sigma est un moteur de visualisation de graphes, pouvant aussi bien travailler avec des données envoyées en live qu'avec des fichiers exportés des logiciels de visualisation. Timeline Timeline permet, comme son nom l'indique, de créer des timelines. justGage JustGage est un moteur de visualisation lui aussi, mais spécialisé dans les jauges. TableCloth Qu'on le dise, les tables en HTML ne sont pas mortes ! Real Shadow Real shadow est un plugin vous permettant de simuler une ombre projetée. Leaflet Afficher des maps sur les téléphones, c'est pas ce qu'il y a de plus simple, n'est ce pas ? Bonsai Bonsai est une library graphique pour Javascript avec une très forte ressemblance à la gestion de l'affichage AS3 d'Adobe. Faye Faye est une implémentation du pub/sub pattern, avec la possibilité d'utiliser Ruby ou node.js en serveur et tous les navigateurs en client. jqvmap Money

AvideDesigner AFK – Spintank