background preloader

jScrollPane - cross browser styleable scrollbars with jQuery and CSS

jScrollPane - cross browser styleable scrollbars with jQuery and CSS
Related:  Plugins js

Fonction scrollTo pour les ancres nommées ( jQuery ) Je vais aujourd’hui vous parler d’une fonction jQuery très utilisée. C’est le script scrollTo qui permet donc de donner un effet de déplacement sur une page internet pour se rendre sur une ancre nommée. Les ancres nommées sont en fait des balises positionnées à un endroit spécifique d’une page et vers laquelle on peut faire un lien directement. Du coup en cliquant sur ce lien on se dirige directement vers la balise en question mais tout ceci sans transition et le rendu est plutôt . Je vous propose donc maintenant soit de voir une démo soit de télécharger les fichiers sources. DémoFichiers sources Voici le code html de la page complète : Maintenant le code CSS : Vous pouvez modifier la vitesse de défilement de la page dans le fichier jquery.localscroll.js dans le dossier localscroll J’espère que ce petit tuto vous aura plu… n’hésitez pas à partager

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? 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 Chrome Command Line Switches Google Chrome has a number of command line switches which change the behavior of Chrome, some of these switches can be turned on/off in the regular settings menu such as “dns-prefetch-disable” however others cannot. To launch and use the switches, you append the switch name when calling Chrome on launch like: “…..\Application\chrome.exe” –crash-test Which would obviously execute the crash test function.

Weather Forecast White Plains, NY | White Plains Weather Weather Underground Forecast for Monday, April 14, 2014 A strong cold frontal boundary will extend from the southern plains to the central Great Lakes on Monday, while a ridge of high pressure will continue to build over the eastern Pacific. A strong cold front will stretch from southern Texas to the central Great Lakes. This system will push a cold air mass southward across the central third of the country. Meanwhile, a low pressure system is forecast to develop over the central Plains, just east of the central Rockies. High pressure over the eastern Pacific will keep conditions mostly clear over the western third of the country.

Fonction scrollTo démo jQuery.dotdotdot, advanced cross-browser ellipsis for multiple line content. A Visual Explanation of SQL Joins I love the concept, though, so let's see if we can make it work. Assume we have the following two tables. Table A is on the left, and Table B is on the right. We'll populate them with four records each. id name id name -- ---- -- ---- 1 Pirate 1 Rutabaga 2 Monkey 2 Pirate 3 Ninja 3 Darth Vader 4 Spaghetti 4 Ninja Let's join these tables by the name field in a few different ways and see if we can get a conceptual match to those nifty Venn diagrams. There's also a cartesian product or cross join, which as far as I can tell, can't be expressed as a Venn diagram: SELECT * FROM TableA CROSS JOIN TableB This joins "everything to everything", resulting in 4 x 4 = 16 rows, far more than we had in the original sets.

TinySort 1.5.2 jQuery custom scrollbar demo Lorem ipsum dolor sit amet. Aliquam erat volutpat. Maecenas non tortor nulla, non malesuada velit. Aliquam erat volutpat. Maecenas non tortor nulla, non malesuada velit. Consectetur adipiscing elit. Cras venenatis condimentum nibh a mollis. Etiam sed massa felis, aliquam pellentesque est. Nam eu arcu at purus tincidunt pharetra ultrices at ipsum. Cras venenatis metus et urna egestas non laoreet orci rutrum. Aliquam erat volutpat. the end. 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!

8 Useful jQuery Snippets For URL’s & Querystrings In any web project you will inevitably come across a situation where being able to extract information or use the current page URL would be useful. If server-side code is not available to help we can use javascript to get this information. The following are examples of useful code snippets that can be used – some of the examples use standard javascript functions and are not specific to jQuery: 1. Get The Current Page URL A very simple snippet, which stores the current page URL in a variable: 2. A very simple snippet, which stores the root URL in a variable: 3. Retrive a hash parameter and store in a variable: 4. In the example below we replace the hash parameter, which we get from the clicked link. 5. If you need to redirect a page using jQuery: 6. If the URL contains a querystring with multiple parameters the following snippet will parse each parameter and store the array as a variable: To use any of the parameters you can access the value using the parameter name. 7. 8.

JS / CSS mb.extruder You can have a direct link, a link with a panel, just a panel or a disabled voice. It can be set on top or on left of your page; and if you have mor than one extruder (only on left) they are automatically positioned one behind the other. The TOP extruder positionFixed param is set to false, so it scrolls with the page; the LEFT extruders positionFixed param is set to true (the default value), so they kip their position even when page scrolls. You can disable or anable dinamically each voice of your extruder using the $.fn.disableExtruderVoice() or $.fn.enableExtruderVoice() methods. You can open or close any extrude panel invoking: $.fn.closeMbExtruder() or $.fn.openMbExtruder() methods. Try now: disable second voice of mbExtruder Topenable second voice of mbExtruder Topopen "Our network"close "Our network" change left label take a look at the documentation to see how simple is the configuration! Lorem ipsum dolor sit amet, consectetur adipiscing elit.

¿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. Las mejoras incluyen: Modular: PhotoSwipe es construida en varios módulos, permitiéndote omitir características particulares que no necesitas. Ésto mantiene la librería muy ligera. 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. Establecimos el HTML, ahora podemos proceder con JavaScript.