Galleria – The JavaScript Image Gallery
jQuery Twinkle, un plugin qui attire l’attention - Megaptery
Twinkle est un plugin jQuery qui permet d’attirer l’attention de vos visiteurs sur certaines parties de votre site web. Le principe de l’outil repose sur des cercles animés avec jQuery et générés soit via l’élément HTML5 canvas, soit via des propriétés CSS3. Faites scintillez vos éléments HTML Le plugin possède une API assez complète avec méthodes, options, et effets. Les options Plusieurs paramètres peuvent être utilisés. widthRatio : ratio horizontal de l’animationheightRatio : ratio vertical de l’animationdelay : délai avant que le premier effet soit déclenchégap : délai entre deux effetseffect : nom de l’effet utiliséeffectOptions (radius, color, etc) : options pour un effet personnalisé Les effets Twinkle possède nativement quelques effets mais vous pouvez construire facilement vos propres effets en utilisant le paramètre effectOptions. Exemples Voici un exemple pour déclencher un effet personnalisé.
50 jQuery Plugins for Form Functionality, Validation, Security and Customisation
Lets be honest, forms can be a pain in the ass to fill in. And for developers? There an even bigger pain in the ass to build. No one really likes them, as such, the most difficult challenges that a developer has to take on, when it comes to forms, is not only how to build a form that is easy and quick for the user to use, but also make it as accessible and usable as possible. Its not easy. In this article we have collected 50 jQuery plugins to help you build powerful forms. Form Functionality Plugins Elastic – Make your textareas grow This jQuery plugin makes your textareas grow and shrink to fit it’s content. jQuery “Highlight” Plugin Highlight increases usability of forms by highlighting the elements as you interact with the page. Autotab: jQuery Auto-Tabbing and Filtering Autotab is a jQuery plugin that provides auto-tabbing and filtering on text fields in a form. Ajax Fancy Captcha jQuery NobleCount Password Strength Indicator and Generator FormToWizard Plugin ToggleVal jQuery AlphaNumeric
Case Study: Page Flip Effect from 20thingsilearned.com
Introduction In 2010, F-i.com and the Google Chrome team collaborated on an HTML5-based educational web app called 20 Things I Learned about Browsers and the Web (www.20thingsilearned.com). One of the key ideas behind this project was that it would best be presented in the context of a book. Since the contents of the book is very much about open web technologies we felt it was important to stay true to that by making the container itself an example of what these technologies allow us to accomplish today. We decided that the best way to achieve the feeling of a real world book is to simulate the good parts of the analogue reading experience while still leveraging the benefits of the digital realm in areas such as navigation. Getting Started This tutorial will take you through the process of creating your own page flip effect using the canvas element and plenty of JavaScript. Before we get started it's a good idea to check out the demo so that you know what we're aiming to build. Markup Logic
10 Awesome Techniques and Examples of Animation with jQuery
jQuery can pretty much do anything you can think of. All you need is a creative imagination and some time to learn the simple and intuitive API. In this article, we share with you some innovative uses of jQuery in animating web design elements. You’ll read about some interesting techniques, tutorials, and examples that will show you how to create similar effects on your own websites and web apps. 1. This example by Dutch web developer Gaya Kessler features an impressive animation effect of cartoonish smoke emanating from factory smoke stacks. Live Demo: Smoke Effect 2. Sam Dunn of the web development duo, Build Internet, wrote a tutorial on how to create an animated landscape using transparent PNG images. Live Demo: Animated Postcard 3. In this tutorial, you will learn how to animate image elements in a smooth and fluid manner. Live Demo: Realistic Hover Effect 4. Live Demo: youlove.us (web page header) 5. Live Demos: Freestyle Sample, Image Sequence Sample, Fade Text Sample 6. jQuery Blend
Sort & Vote – A jQuery Poll
Martin Angelov Today we are going to make a draggable sort & vote poll, that will enable our website visitors to choose their favorite tutorial from the site. After they vote, a friendly CSS chart will show them how the tutorials are ranked and the total number of voters. To achieve this, we will be using jQuery, jQuery UI, PHP, CSS & MySQL. You can use the code I provide here to make your own versions and mash-ups. Step 1 – XHTML To make a better understanding of these steps, it would be nice to have the download files nearby and open, so you can trace where the code I explain here originates from. We start with the XHTML markup. demo.php Worth noting is the sform form. Maybe more interesting here is the PHP part on lines 3-5. <li id="<? This code is positioned inside a while loop, that outputs it for each list item. A sortable LI element Now lets dig a little deeper into the CSS styles. Step 2 – CSS In the code below, you can see how we have styled the XHTML we generated earlier. Step 3 – PHP
Generateur Codes Couleurs RGB hexadecimal Nuancier Annuaire Referencement Gratuit Jok Concept
Couleurs hexadécimale RGB Informatique et Web Les couleurs en informatique sont exprimées en "codes hexadécimaux" ou "RGB", (Red, Green, Blue, en francais RVB Rouge, Vert, Bleu). Pour coder la couleur d'un pixel on utilise trois octets qui définissent chacun la luminosité des couleurs Rouge Verte Bleu ; on utilise un nombre hexadecimal à 6 chiffres : les 2 premiers correspondent à la luminosité du rouge, les 2 suivants à la luminosité du vert et les 2 derniers à la luminosité bleu (ex : avec une intensité maximale sur le rouge on a #FF0000)... En hexadécimal là aussi les couleurs sont divisées en groupe de trois fois deux "valeurs hexadécimal" par couleurs : #FFFFFF = (#) FF FF FF = BLANC. Selon le contexte et les protocoles utilisé dans un proget, (HTML, XHTML, libérie GD en PHP...), on préferera utiliser des valeurs de couleurs exprimées en "RGB" ou en "HEXADECIMAL".
Rollover jQuery
Mon portfolio Mon titre Ici une petite description
