Parallax.js

Parallax - Ressources gratuites - tendance webdesign 2014 Vous voulez mettre des effets parallax sur votre site web? Voici une liste des meilleures ressources gratuites que vous pouvez utiliser: Tutos, framework,plugins, webdesign, sliders ! Comme vous le savez, cela fait quelques mois que le terme “parallax” a fait son apparition. Le terme Parallax s’applique lorsque divers éléments du site (background, contenu, etc.) bougent avec une vitesse différente, créant ainsi un effet de profondeur ou de décalage. Comme expliqué dans cet article sur les tendances en webdesign en 2014 (et sur plein d’autres sites spécialisés), le parallax design est une des tendances fortes pour le web en ce moment. Ci dessous vous trouverez une sélection de ressources (frameworks, plugin Jquery, exemples de site et tuto) pour mettre en place un webdesign parallax.

7 ressources Javascript pour manipuler la vidéo de manière originale De plus en plus de sites se mettent en valeur grâce à diverses animations au survol, au scroll de la page ou tout simplement en continu. Pour les réaliser, il est bien sûr possible de faire appel à des techniques comme canvas, ou des animations en SVG, mais la barrière technique est assez lourde : trop peu de ressources, et beaucoup trop de temps nécessaire pour obtenir un résultat satisfaisant. Et si la vidéo était une solution de secours . Que ce soit sous forme naturelle en HTML 5 ou transformés sous forme de Gif, elle pourrait bien remplacer certaines animations nécessaires à votre site ! 7 Ressources pour manipuler la vidéo de manière originale Gifshot

Les transitions et animations CSS Introduction Depuis toujours, les concepteurs web ont tenté de styler et de dynamiser des pages HTML terriblement monotones. À la fin des années 90, un simple effet de survol ne peut pas être réalisé facilement : l’utilisation de JavaScript est inévitable, mais impose de connaître la programmation. Personnaliser une carte Google Maps - Tutorial Google met à disposition du public une application permettant de personnaliser graphiquement les Google Maps. Simple d’utilisation, elle permet à tous de générer un code que le développeur utilisera ensuite pour afficher une map personnalisée. Prise en main de l'interface de personnalisation

7 Thèmes Wordpress pour votre Portfolio (Graphistes, Illustrateurs, Développeurs, etc) Vous le savez bien, WordPress n’est pas uniquement un outil de création de blog. Dans cet article je vais vous présenter une série de 7 thèmes pour créer votre portfolio sous WordPress. Que vous soyez designer, développeur ou autre sachez que vous pouvez rapidement mettre en place votre portfolio en ligne avec WordPress et un thème qui va bien. Freelance, graphiste, illustrateur ou développeur, vous trouverez des design de tous les goûts pour votre site professionnel qui mettrons en avant vos réalisations. 8 outils réservés aux webdesigners fûtés Les 8 outils qui suivent vous feront gagner du temps et éviter des crises de nerfs. Ils vous permettront de partir du bon pied sur vos nouvelles créas et d’améliorer les précédentes. Ils vous aideront à mieux communiquer avec vos équipes et vos clients et à vous organiser plus efficacement. Si tout ça ne vous intéresse pas, surtout arrêtez de lire tout de suite.

Une superbe "liquid progress-bar" en CSS Rafael González un amoureux de CSS et de HTML vient de sortir sur sa page Codepen tout une série de choses entièrement faites à l’aide de CSS sans un seul morceau de JavaScript. Celui que je préfère c’est la barre de progression transparente « liquid progress-bar » que je trouve vraiment bien réalisé et que j’utiliserai peut-être d’une façon un peu différente dans un de mes futurs projets.