Technique
Get flash to fully experience Pearltrees
10 Awesome jQuery Image Galleries and Sliders
One of the most common requests I get from clients is to have some sort of image gallery on their site. Whether it’s a sliding image gallery on a homepage displaying promotions or a robust gallery full of portfolio images showing off the quality of work, jQuery image galleries area a great way for displaying multiple images on a website. They are search engine friendly, iPad and iPhone friendly, and lighter weight than a lot of the Flash slideshow galleries on the market. TN3 Gallery TN3 Gallery is an elegant option for anyone looking to display a large series of photos on their site. It supports galleries, has thumbnail navigation, and a fullscreen mode.
Responsive web design is a hot topic right now, and if this is a design concept you’re in to and practice then you may have run in to a problem with needing to incorporate an image gallery in to a project, but not knowing how to make it responsive. Let’s keep things simple and check out a few open source responsive web galleries that are available. Elastislide Elastislide is a responsive jQuery carousel image viewer. The rotating image carousel will adjust itself automatically to present itself attractively no matter what size of screen or screen resolution the viewer has.
10 Amazing Responsive Image Galleries
Webmaster Level: Intermediate / Advanced We love data, and spend a lot of time monitoring the analytics on our websites. Any web developer doing the same will have noticed the increase in traffic from mobile devices of late.
Responsive design – harnessing the power of media queries
PanoJS3 is an interactive JavaScript widget for panning and zooming a panoramic image stitched together dynamically from smaller tiles . This widget can be used for viewing images that are much larger than the available space in the browser viewport. Examples include panoramas, maps or high resolution document scans. PanoJS3 supports native navigation on most popular platforms: PCs, Macs, Mobile devices with touch interfaces, Phones and tablets. It has been tested on Chrome 3+, Safari 3+, FireFox 2+, Internet Explorer 8+, Opera 9+.
Panning and Zooming Panoramic Images with PanoJS3
8 Tools that Make a Webmaster's Life Easier
This list isn’t about designing websites; it’s about running websites … you know, “webmastering.”
Easy to Use Ajax Auto Suggest jQuery Plugin
AUSU Ajax Auto Suggest jQuery Plugin has the usual functionality with a little extra flexibility: multiple instances, passing custom parameters, the id and the value are returned, keyboard-controlled, and a few others… Almost anything you need from an autosuggest plugin you can do with the built-in options! The CSS file is small and very easily changed. It has been tested on mordern browsers (Firefox 3, Internet Explorer 8, Opera 11, Safari 5 & Chrome).Nikebetterworld.com jQuery Parallax Effect Demo
The multiple backgrounds applied to this section are moved in a similar way to the first section -- every time the user scrolls down the page by a pixel, the positions of the backgrounds are changed. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
jQuery.suggest is a simple inline autosuggest jQuery plugin .