background preloader

JQUERY

Facebook Twitter

Jquery Carousel - Multimedia - Image Video Audio. Multimedia Jquery Carousel Collection comes in 2 versions: Classic and Perspective.

Jquery Carousel - Multimedia - Image Video Audio

It can also be customized as video gallery or audio gallery. Please see the features and check the live preview to convince yourself of its quality. This Collection comes in 2 versions: - Classic - Perspective * It can also be customized as video gallery or audio gallery touch screen navigation support for mobile responsive design. 2 predefined skins: Back and White multimedia support: Images, YouTube, Vimeo, HTML5 video and HTML5 audio.

HTML5 Video Player - Skin: giant - Type: responsive. Search for "youtube" HTML5 Video Player like YouTube in jQuery plugin VideoControls is a open source free plugin made in jQuery for display a YouTube-Like control bar.

Search for "youtube"

Based on the new HTML5 tag <video>, VideoControls is cross platform, simple and free […] LazyYT.js : A jQuery plugin to lazy load Youtube videos This is a jQuery plugin to lazy load Youtube videos. On the initial load, the div will be replaced by a preview img of the video. Animations for Thumbnail Grids. Pause on mouseover demo. Fullscreen Layout with Page Transitions. Being a Freelance Designer Stumptown helvetica cardigan, odd future seitan tattooed flannel.

Fullscreen Layout with Page Transitions

Kale chips direct trade cray beard. 8-bit etsy butcher post-ironic blog lo-fi mcsweeney's, sustainable pickled umami flexitarian DIY ethical plaid trust fund. Wolf cred organic, terry richardson aesthetic four loko occupy vegan chillwave readymade deep... Responsive Image Maps jQuery Plugin. Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize.

Responsive Image Maps jQuery Plugin

Download the plugin from github This image map was created in minutes with Adobe Fireworks. 3D Book Showcase. Red snapper Kafue pike fangtooth humums slipmouth, salmon cutlassfish; swallower European perch mola mola sunfish, threadfin bream.

3D Book Showcase

Billfish hog sucker trout-perch lenok orbicular velvetfish. Delta smelt striped bass, medusafish dragon goby starry flounder cuchia round whitefish northern anchovy spadefish merluccid hake cat shark Black pickerel. Pacific cod. Whale catfish leatherjacket deep sea anglerfish grenadier sawfish pompano dolphinfish carp large-eye bream, squeaker amago. Punch the TV! Stroll.js - CSS3 Scroll Effects.

Blueimp Gallery. TiltViewer Download. Animated Portfolio Gallery with jQuery. A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame.

Animated Portfolio Gallery with jQuery

It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way. Thumbnail Grid with Expanding Preview. Automatic Image Montage with jQuery.

Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right image number to fill all the available space or also the size of the images in use.

Automatic Image Montage with jQuery

With the following script you can automatically create a montage, either for a liquid container or a fixed size container (including fullscreen), with the option to fill all the gaps. View demo Download source Having a white space in the end of the container can, as well, be avoided optionally. The last image of the montage can fill the left space, so that the montage will be left gap-less. Another option that can be useful in some cases is the possibility to only allow that the height of all images will be the height of the smallest image, avoiding that any picture gets pixelated/enlarged. The images used in the demos are by Andrey Yakovlev & Lili Aleeva. The HTML structure Options. jQuery.LocalScroll - Regular Demo. Demo Studio. Expanding Fullscreen Grid Portfolio Template. Portfolio Image Navigation with jQuery.

Automatic Image Montage with jQuery. NanoGALLERY jQuery plugin - Chris. Multi Purpose Media Boxes - Responsive Grid Preview. YoxView - jQuery image viewer plugin. HoverEx - jQuery image hover animation plugin Preview. Slide show. Design Patterns — Infinite Scrolling: Let's Get To The Bottom Of This. Advertisement Infinite scrolling promises a better experience for users.

Design Patterns — Infinite Scrolling: Let's Get To The Bottom Of This

However, the good is often accompanied by the bad and the ugly. Once we understand the strengths and weaknesses of infinite scrolling, we can begin to use it to enhance our interfaces. Human nature demands hierarchy and structures that are easy to navigate. But infinite scrolling sometimes leaves users feeling disoriented as they travel down a page that never ends. The Good Long lists are not new, but the way in which we scroll these lists has fundamentally changed since the arrival of mobile interfaces. Infinite scrolling is highly trending as an interaction behavior on pages and lists. 5 jQuery Infinite Scrolling Demos. Here are 5 demos which you could use as the barebones for your next infinite scrolling project.

5 jQuery Infinite Scrolling Demos

I’ve been playing around with infinite scrolling for one of my projects and I’ve tried a few jQuery plugins which can manage the “endless scroll” showing items, posts, rss feeds, tweets or anything really. The content can be generated dynamically from JavaScript but most commonly loaded from a server script using AJAX. Also I found that Firefox 8 only detects the scroll upto 99.85% of the screen which was strange. Update 14/10/13: Full code for all 5 demos added to GitHub. Repose Showcase Preview. jQuery Masonry.

Grid-A-Licious. Back in mid 2008, I created a jQuery plugin.

Grid-A-Licious

I named it Grid-A-Licious and described it as, "Divs are placed in chronological order with a special grid" because I had no clue how to explain it better. I used this script a lot and designed many sites with it during 2008. At first, people were very skeptic and confused on how to read the grid, and thought this kind of layout belonged in real papers. This reaction slowly faded away once the layout became more and more popular when different developers and designers started to create their own script's interpretation of the floating grid layout effect. Not saying it was based on my work or script, because there were a few others that brought a similar layout effect to our attention, but not necessarily distributed as a plugin. In Dec 2008, I decided to wrap the script into a Wordpress theme and release it as a christmas gift to the world. So, why am I continuing developing this? Nettuts JQuery. Le webdesign en blocs - Exemples et ressources.

Suivant l’avènement des grilles dans le webdesign, la mise en page basée sur des blocs de contenu peut s’avérer une bonne stratégie pour certains design. Petit tour d’horizon des sites du genre, puis des ressources nécessaires pour créer votre site sur une grille modulable. Webdesign en blocs ? La mise en page basée sur des blocs de contenu modulable est devenue incontournable pour les portfolios, les sites d’inspiration, bref ils s’agit souvent de sites présentant un lot important d’images. Rendu populaire par des sites comme Pinterest par exemple ou encore inspiré par des applications comme Flipboard ou le design Metro, la navigation se veux simple et rapide, proposant beaucoup de contenu scanable rapidement.

Photobox – CSS3 jQuery image gallery – dropthebit. I wanted 3 things from any image gallery script: first, it to be beautiful and posses a great look & feel. second to be lightweight and not use many assets, and third, I want a script that was built with performance at mind. I was working on something else entirely when I had to find a nice image gallery script. I wanted one of those that the user would basically click a thumbnail and the larger version of the image would be displayed on top of the page, in a modal window fashion. Feb 2 - Version 1.6 is available. Lots has been changed, for the better. Please report any bugs or ideas in the Github project page, as I'm perfecting this code on a daily basis.

jQuery Plugin. Repp/BalancedGallery. Codrops - Page 2. Components - jQuery.mb.YTPlayer. jQuery Scroll Path. Calendario: A Flexible Calendar Plugin. Welcome to Jarallax.com. What is jarallax? Web based parallax scrolling and much more! Jarallax is an open-source javascript library which makes adjusting css based on interaction easy.With Jarallax it's easy to create a parallax scrolling website. What to do next. jPlayer : HTML5 Audio & Video for jQuery.

Pearltrees à suivre

Hi! I'm trying HARD to be a jQuery Robot. Adipoli jQuery Image Hover Effects. How To Use Enabling image hover effect is very simple. Place the below references inside your head tag. Owl Carousel. 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included. 2. Set up your HTML You don't need any special markup. Disappear. Animatable: One property, two values, endless possiblities. Use CSS3 to Create a Dynamic Stack of Index Cards - Demo. Web-design, jQuery, design and more. TiltViewer. jQuery virtual tour. How to Rotate Images Using JavaScript (JavaScript & Canvas). Cross-browser Solution. — ajaxBlender.com. An Awesome CSS3 Lightbox Gallery With jQuery.

Thumbnail rollover effects and slideshow crossfades. Bubbleriffic Image Gallery with jQuery. NoobSlide - mootools. Parallax Slider with jQuery. Online Photo Slideshow - Balance Template Demo with Blast effect. jQuery Image Rotator Terse Blur Demo : jQuery Banner Rotator. The Page Turn Effect in Flash MX. By Sham Bhangal, author of Flash Hacks 09/03/2004 In Hack #25 of Flash Hacks, I talk in general terms about how symmetry can aid the thought and design processes when you are developing scripted effects, because symmetry is a very common feature in both natural and man-made effects. I go on to show how to deconstruct one of the most recent "How is that done?

" effects, the page turn, by looking for symmetry in the effect. What I don't cover is how to develop code that can be used to create the page turn effect. This article provides that part of the equation. The development of the page turn hack is a useful exercise to develop, because it contains three of the most common tricks in Flash motion graphics effects--property-based animation, embedded movie clips, and masking. The source files developed in this article can be found on the download page for the Flash Hacks book. Book Flip Slideshow. Description: As the name loosely implies, Book Flip is an image slideshow that simulates a page being turned to reveal two new slides at once. JavaScript Sprite Animation Using jQuery. Last week I reported on my tests using percentage to position background-images. Today’s post is a walk thru of where I put this research to work — published earlier in the week in the July 2007 Design View.

One of the nicest things about going to a real bricks ‘n’ mortar bookstore is the effortless pleasure of thumbing mindlessly through any book that takes your fancy — not that you actually read anything in particular, but it’s just a great way to get a general sense of its layout, style, and quality. GrasshopperPebbles.com Demos: imBookFlip - autoFlip: off. Paperfold CSS. Slider (informatique) Un article de Wikipédia, l'encyclopédie libre. Fullscreen Slideshow with HTML5 Audio and jQuery. Hover Slide Effect with jQuery.

Expanding Fullscreen Grid Portfolio. Vinyl disc player. jQuery Vertical Slider - Digit Stack vertical. BarackSlideshow 0.3 Demo. Responsive YouTube. The Horizontal Way – SXSW Winner - an horizontal showcase for horizontal scrolling websites, by Marco Rosella. Lof JSliderNews 2.0 - Jquery 1.7.x. Apple-like Slideshow Gallery. Revealing Photo Slider with jQuery by CSS-Tricks. Fluid CSS3 Slideshow with Parallax Effect. Fantastic Content Sliders for your Inspiration. StackSlider: A Fun 3D Image Slider. Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery.