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.
Les dossiers référencement de WebRankInfo
Profitez de ~2000 articles d'actualité, de conseils et d'astuces pour vous aider à optimiser votre site : référencement naturel, AdWords, réseaux sociaux, Google Analytics, etc. Ils sont complétés par des brèves accessibles via l'encadré en haut de la marge de droite. Tous les dossiers sont organisés en catégories, listées ci-contre dans la marge de droite. N'oubliez pas de vous abonner à la newsletter ainsi qu'aux flux RSS Vous n'êtes pas encore membre de WebRankInfo ?
Johan BLEUZEN - Développer rapidement un prototype d'API Rest
Les API se sont généralisées aujourd’hui et dans mon taf il n’est pas rare de devoir développer une webapp ou une application mobile alors que l’API n’existe pas encore. J’ai rencontré ce problème il y a peu lorsque je devais développer une application android alors que le développeur backend n’avait pas encore commencé à développer l’API. Voici un moyen d’avoir rapidement une API de prototype pour faciliter le développement…
La boîte à outils ultime pour le responsive design
Si vous ne savez pas par où commencer votre webdesign responsive, ni quels outils vont vous faciliter la vie, cette liste d’outils concoctée à l’aide du dernier article de Smashing Hub devrait vous égayer. Faisons un petit tour des outils pratiques ou simplement indispensables… Le responsive design est relativement récent et les choses bougent très vite.
Les 5 mythes et vérités de HTML5
Les mythes Avec HTML5, mon site sera plus beau HTML5 dispose certainement d'un beau logo orange rayonnant inauguré par le W3C pour en faire la promotion, cependant il fonctionne toujours en osmose avec CSS pour régir l'apparence, la présentation, la disposition du contenu. Cela signifie donc que rien ne change par rapport aux précédentes versions de HTML : il vous faudra toujours jongler avec habileté entre CSS, les images issues de la maquette graphique, éventuellement des effets en JavaScript, du SVG, voire Canvas, pour construire le côté visuel d'un document ou d'une page web. Avec HTML5, mon site sera plus dynamique et réactif
Des pixels et du code #27 - Stéphanie Walter : Webdesign - intégration web
Une petite semaine avec beaucoup de liens orientés code : CSS, CSS3 et responsive webdesign, du retina display, et quelques articles sur le débat de la semaine, le skeuomorphisme Les tutoriels de la semaine CSS target for off screen designs, ou comment re-créer l’interface de l’envoie de sms iOS en CSS uniquement en utilisant :target Utiliser un logo cliquable SVG sur un site avec fallback, mon article sur Noupe avec 6 techniques pour utiliser une image SVG en logo avec différents fallbacks Des ressources utiles
