background preloader

Creative Juiz, Plugins jQuery

Creative Juiz, Plugins jQuery
Related:  JavaScript

Astuce : intégrer une vidéo dans vos e-mailings Il est désormais possible d’intégrer des vidéos dans vos e-mailings, mais à quelques conditions. Explications : Le site de partage de vidéos YouTube propose de partager les vidéos en intégrant un code HTML. Une fois intégré à votre e-mailing, ce code permet de lire la vidéo directement dans le message uniquement sur les webmails (Gmail, Yahoo et Hotmail). Les logiciels de messageries refusent les scripts permettant de la lire. Les étapes : - choisissez ou téléchargez votre vidéo sur YouTube - cliquez sur « Partager », puis « Intégrer » - copiez et collez le code HTML entre les balises <body> dans l’onglet Source HTML de Sarbacane - indiquez juste avant la balise iframe :<a href=" en changeant bien le nom du lien Ceci vous oblige à créer deux e-mailings et à trier votre base de données afin d’envoyer cette première version aux destinataires ayant une webmail. Précision : Sur Hotmail, la vidéo s’affichera en haut du message.

50 Useful JavaScript Tools Advertisement By Jacob Gube JavaScript is a powerful client-side scripting language used in many modern websites and Web applications. In the hands of a skilled Web developer, JavaScript can enhance the user’s experience of the website and provide rich interactive components and features. Below, you’ll find 50 excellent tools to help you achieve various tasks involved in authoring JavaScript code. You’ll also find a few new and alternative JavaScript and AJAX frameworks to help you explore options beyond the big names (i.e. Also, be sure to check out the following related posts: JavaScript/AJAX Authoring Tools jQuery UI The jQuery UI allows you to design custom user interfaces for Web applications using the jQuery library. Documentation Tools JSDoc Toolkit JSDoc Toolkit makes code documentation a breeze. JavaScript Debugging Tools Firebug Firebug is an extremely popular and well-regarded front-end debugging tool. JavaScript Testing and Validation Tools Security Tools (al) It's done.

jQuery CDN AUX TERRASSES - Chambres, cuisine & vins Bienvenue Aux Terrasses Tournus – Bourgogne du sud Chambres, cuisine et vins 3 petits mots pour résumer une histoire de famille, une histoire de passion. Celle d’Amandine et Jean-Michel, qui ont perpétué la tradition familiale et conservé l’étoile au Michelin offerte par Michel Carrette, le père. Les Terrasses se découvrent dans ses trois dimensions : des chambres aux matériaux bruts, où raffinement et douceur s’unissent; une cuisine innovante où produits traditionnels et saveurs inattendues s’assemblent; une cave sans appel où quelque 6 000 bouteilles attendent d’être racontées.

10 jQuery Horizontal Scroll Demos & Plugins In today’s post we bring to you 10 jQuery Horizontal Scroll Demos & Plugins useful for those who see things horizontally. I guess we have to accept some people scroll both ways! :) Updated: March 2016 Updated all plugins and demos with the latest versions and added some new ones. Also removed plugins which aren’t in development anymore. ScrollMagic helps you to easily react to the user’s current scroll position. See the demo jInvertScroll is a lightweight plugin for jQuery that allows you to move in the horizontal with a parallax effect while scrolling down. See the demo 3. This tutorial will teach you to create an easy to customise, horizontal timeline powered by CSS and jQuery. See the demo This tutorial will teach you how to create a simple smooth scrolling effect using the jQuery Easing Plugin and just a few lines of jQuery. See the demo simplyScroll is a flexible jQuery content scroller with touch support. See the demo 6. Learn PHP for free! Normally RRP $11.95 Yours absolutely free 8.

30 Awesome SVG Animation For Your Inspiration Designers used to create animations in HTML elements using CSS. However, due to the limitations of HTML elements in creating patterns, shapes, and others, they naturally turn to SVG, which offers more interesting capabilities. Working with SVG, we enjoy good browser supprot for SVG animation, and we have more ways to create new animation. Here I have compiled some amazing animated SVG. Border Animation by Sean McCaffery Made only with CSS, a border forms smoothly around the text, when you hover over the “HOVER” instruction. Elastic SVG Sidebar by Nikolay Talanov The sidebar becomes elastic when you try to pull it away from the side. Pull Down to Refresh by Nikolay Talanov Most pages allow you to “pull down” on the page to refresh. Animated Gradient on Text by Patrick Young Here’s a subtle but not easy to miss moving text gradient that typography lovers will love. Heart Animation by Nikolay Talanov This animation shows you how a heart icon is made from two circles and a square.

How To Create a Smooth Scrolling Effect 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. 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). Illustration pour le scroll Avec une même distance de scroll, l'élément a aura parcouru une distance plus faible que l'élément b. Illustration pour le positionnement de la souris En pratique Démonstration

jQuery Parallax Tutorial - Animated Header Background I think we all agree that the parallax effect can get you that WOW factor when someone visits your website. So, I thought i would show you a live jQuery parallax example. In this tutorial i will explain in detail how to create your own parallax background effect using jQuery to manage the animation aspects of the banner which you could use for your header background.Update: The Parallax Plugin demo now works on jQuery 1.6.4+. I have updated this post, the demo and new download package to include working functionality with the new version of jQuery. DemoDownload The Images You will need the background images for the parallax banner. Image layer1: The main background – green vector backgroundImage layer2: Overlay image – the frogImage layer3: Overlay image – the grassImage layer4: Overlay image – the butterflies Note: To edit vector files you will need an editor such as Adobe Illustrator/Photoshop. The Code Then you add the jQuery code to initialise the parallax plugin into your head tag:

Related: