background preloader

jQuery.dotdotdot, advanced cross-browser ellipsis for multiple line content.

jQuery.dotdotdot, advanced cross-browser ellipsis for multiple line content.

jScrollPane - cross browser styleable scrollbars with jQuery and CSS Dynamisez vos sites web avec Javascript ! Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ? Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Bref, JavaScript est partout ! Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Un système de chat, comme celui de Facebook ;Une suggestion lors de la frappe dans un champ de texte, comme lors d'une recherche avec Google ;Un lecteur de vidéos ou de musiques, aussi puissant que celui de Youtube, grâce aux balises <video> et <audio> ;Des jeux exploitants la balise <canvas> comme Torus, un Tetris en 3D ;La modélisation 3D d'une Lamborghini affichée grâce à l'API WebGL et à la bibliothèque Three.js ;Et bien d'autres choses ! Sur ce, bonne lecture !

jQuery Autosize A plugin to automatically adjust textarea height. Fork me on GitHub Demo Download Released under the MIT License. Usage $(document).ready(function(){ $('textarea').autosize(); }); Drop Autosize into any existing website and it should Just Work™. Manual Triggering Autosize has no way of knowing when the value of a textarea has been changed through JavaScript. $('#example').val('New Text!'). The autosize.resize event only accounts for changes in value. Removing Autosize Trigger the autosize.destroy event to remove autosize from a textarea element: $('#example').trigger('autosize.destroy'); Settings Known Issues & Solutions Incorrect size with hidden textarea elements Autosize needs to be able to calculate the width of the textarea element when it is assigned. Possible ways to resolve: Specify an exact width for the textarea element in your stylesheet.Trigger the autosize.resize event after the element has been revealed. $.autosize.show.trigger; Incorrect size when zoomed in Chrome Incorrect size in IE8:

untitled Quicksand Reorder and filter items with a nice shuffling animation. Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Disable CSS3 scaling and try again. Isn’t it cool? Download Version 1.4 Demos & Docs Fork on GitHub Powered by jQuery – Made by @razorjack from agilope, icons design by Artua Design by @riddle Simplifiez vos développements JavaScript avec jQuery Si vous avez déjà programmé en JavaScript, vous savez que ce langage est puissant, mais aussi « verbeux » et souvent assez complexe à mettre en œuvre. Si vous voulez accéder à toute la puissance de JavaScript en utilisant des instructions simples, logiques, faciles à comprendre et à maintenir, jQuery est vraiment fait pour vous ! Avec ce cours, je vous propose de découvrir les multiples facettes du framework jQuery. N'ayez crainte, votre apprentissage se fera en douceur et de très nombreux exemples de code documentés viendront consolider vos connaissances. Si vous lisez ces lignes, c'est parce que vous avez décidé d'aller plus loin dans vos développements Web.

jQuery jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.[2] It was released in January 2006 at BarCamp NYC by John Resig. It is currently developed by a team of developers led by Dave Methvin. Used by over 80% of the 10,000 most visited websites,[3] jQuery is the most popular JavaScript library in use today.[4][5] The set of jQuery core features—DOM element selections, traversal and manipulation—enabled by its selector engine (named "Sizzle" from v1.3), created a new "programming style", fusing algorithms and DOM-data-structures; and influenced the architecture of other JavaScript frameworks like YUI v3 and Dojo. Microsoft and Nokia bundle jQuery on their platforms.[7] Microsoft includes it with Visual Studio[8] for use within Microsoft's ASP.NET AJAX framework and ASP.NET MVC Framework while Nokia has integrated it into the Web Run-Time widget development platform.[9] jQuery has also been used in MediaWiki since version 1.16.[10]

jQuery slideViewer 1.2 Download slideViewer 1.2 (last updated july 9 2010) What's this? slideViewer is a lightweight (3.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images: slideViewer checks for the number of images within your list, and dinamically creates a set of links to command (slide) you pictures. Also, clicking on each image will make the gallery slide forward or backward, depending on the area you are clicking (eg: clicking the left part of a picture will move the slides backward, and viceversa for the right part of the picture). You can optionally customize the kind of animation and its duration and also enhance(*) the default tooltips with some fancy tooltips. You can choose where to put the user interface (the numbered links); it can be above or below your set of images. You don't need to specify the width and height for your images (but all the images within a single gallery must have the same width/height!) New!

jQuery ¿La perfecta galería de imágenes? Usando PhotoSwipe con jQuery - Envato Tuts+ Web Design Tutorial Recientemente descubrí una librería Javascript llamada PhotoSwipe y estoy realmente impresionado. Es una brillante librería que superpone una imagen o un grupo de imágenes en tu página, un efecto popularmente conocido como lightbox. PhotoSwipe es actualmente desarrollada por Dmitry Semenov-él la reconstruyó el año pasado cuando tomó las riendas del proyecto. Modular: PhotoSwipe es construida en varios módulos, permitiéndote omitir características particulares que no necesitas. La única desventaja es que PhotoSwipe no se ejecuta inmediatamente. "PhotoSwipe es hecha simple y rápida para los usuarios finales, no para los desarrolladores. Pero puede ser usada conjuntamente con otras librerías. Iniciemos. Comenzaremos con: Creando los directorios del proyecto. La estructura HTML es la parte más esencial ya que eventualmente indicará como escribimos JavaScript. Ahora agregamos el código que PhotoSwipe usará para superponer las imágenes completas. Dividamos éste código en varias piezas:

scrolling up with jquery waypoints

Related: