Plugins
Get flash to fully experience Pearltrees
Freebie: Responsive jQuery Slider Plugin Flexslider - Smashing Magazine
When it comes to responsive design, it’s not just about fluid images or adaptive layouts. It’s also about the responsive methodology behind the entire design process. In responsive design, we are creating responsive experiences, meaning that all design components need to be able to adapt to the environment in which they are displayed and have to interact with. This is why we create tables, navigation menus, videos and other design elements responsive as well (see Responsive Web Design Techniques and Design Strategies for more details).
She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way. On her way she met a copy. The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again.
Moving Boxes Menu with jQuery
jQuery Pagination - jPaginate
Hover over the arrows to make the pages move or keep the mouse button down in order to move a whole set. Clicking a page number will make it move to the center Demo 2 shows how the plugin can be used with arrow images. This is an example without any arrows.Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost ... View demo Download source Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost transparent.
Fixed Fade Out Menu: A CSS and jQuery Tutorial
Circular Content Carousel with jQuery
I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream; She packed her seven versalia, put her initial into the belt and made herself on the way.
Today we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and ...
Image Wall with jQuery
Elastislide - A Responsive jQuery Carousel Plugin
With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousels structure into a container with a fluid width will also make the carousel fluid. View demo Download source With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size.
A Javascript module and CSS file that allows syntax highlighting of source code snippets in an html page. For an example, see the README Download Change Log
code-prettify - syntax highlighting of code snippets in a web page
www.appelsiini.net/projects
Jeditable jQuery edit in place plugin. Extendable via plugin architecture. Plugins for plugin.This library builds upon jQuery , facilitating the use of jeditable and jsUndoable together. It allows elements marked as editable-in-place to be tracked by the undo manager. To use this plugin, simply include the script on your page following the three plugins it augments:
jEditUndo
Hi! My name is Jeditable and I am inplace editor plugin for jQuery . With few lines of JavaScript code I allow you to click and edit the content of different html elements.
Jeditable - Edit In Place Plugin For jQuery -
jQuery : Edit in place plugin | web2ajax
Avant toute chose : cet outil est magique !! Le site que je suis en train de faire est un framework maison qui me permet entre autre de faire un site multilingue. Et c’est en ces moments que le EditInPlace prend tout sons sens : plutot que de passer par une interface d’admin pour traduire et déclarer une variable de langue une à une, je peux faire ça en live sur le site ! Pour ce qui est du plugin, tout se trouve sur le site : http://code.google.com/p/jquery-in-place-editor/ Quand à sa mise en place, c’est on ne peut plus facile : 1/ Tout ce qui est éditable est entouré de :Today we want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image. View demo Download source Each item has a little slideshow of thumbs which will be animated to the right position once the portfolio item gets “expanded”.
Expanding Fullscreen Grid Portfolio
Parallax Slider with jQuery
( function ($) { $.fn.parallaxSlider = function (options) { var opts = $.extend({}, $.fn.parallaxSlider.defaults, options); return this .each( function () { var $pxs_container = $( this ),var o = { init: function (){ this .diagram();