15 Best jQuery Grid Plugins for Developers Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts: flexible layout, images layout, nested grid, fluid grid, metro style layout, pinterest like layout with nice CSS3 animation effects and call back events. Freewall is all-in-one solution for creating dynamic grid layouts for desktop, mobile and tablet. It is based on the width (or height) of a container and the width (height) of a cell unit, It will create a virtual matrix. Scanning the matrix at each cell will find a free cell around to made a free area, then try to fit a block element into it. jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig jShowOff is a jQuery plugin for creating a rotating content module. It works by creating 'slides' from the child elements (eg. <li>) inside a specified wrapper element (eg. <ul>) on which .jshowoff() is invoked.
Elastic Image Slideshow with Thumbnail Preview « Previous Demo: Fullscreen Image Blur Effect Images by BarbraGolba Back to the Codrops Article Elastic Image Slideshow with Thumbnail Preview Creative Duet Friendly Devil Tranquilent Compatriot Insecure Hussler Loving Rebel Passionate Seeker Crazy Friend Current Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Demo 1 | Demo 2 (with autoplay) Resize the window to see the slider adjusting 45+ Best jQuery Carousel Plugins In web design, a jQuery carousel is an element giving visitors easy and visible access to several content items. It is typically a dynamic scrolling list of items in horizontal order where previous and next items are partially visible. The items, consisting of HTML content, images, videos etc. can be scrolled back and forth (with or without animated transitions). Using sliding horizontal panels, known, as Carousels and Sliders, to feature top content, is one of the strongest web design trends over the last couple of years.
Vertical Sliding Accordion with jQuery Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. Blueprint: Google Grid Gallery A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google. View demo Download source This Blueprint is a responsive grid gallery based on the gallery by Google for the Chromebook Getting Started guide.
li JQuery Slider/Image Rotator We are not providing support and there will not be updates to the slider. jQuery Slider Banner Image Rotator for HTML li jQuery Image Slider / Banner Image Rotator is carefully crafted slider/image rotator, full of features, very easy to install and customize. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease! This robust and yet elegant guy, has everything you need to build your next “to-impress” image slider. Features 70+ Must Have jQuery Tutorials Welcome to day 7, the last installment of tutorial week on Designrfix. Today we have assembled an awesome collection of some wicked jQuery tutorials from around the Web. I am confident that these web design and development tutorials will arm you with all the necessary techniques in-order to achieve those latest web design trends. Lastly, it’s been an amazing 7 days and we are confident that these tutorials will arm you with all the latest tips and tricks to help you in evolving your design creations.
Creating responsive, touch-friendly carousels with Flickity The following is a guest post by David DeSandro. David is a legend in front-end design and development. He's worked for top agencies like nclud and huge products like Twitter, all the while building amazing open source projects like Masonry and Packery. Lately he's been full time on these open source projects as Metafizzy, the latest one he'll tell you about here. By now, any article about carousels should come with the disclaimer: You may not need a carousel.