ChewingGrid is a CSS grid for card listing design, like videos, tiles, or article lists. It doesn’t require media queries, but it adjusts based on the maximum number of columns, and minimum and maximum card width.
Best jQuery Responsive Plugins & Tutorials with Demo
jQuery Instant Responsive Menus with CSS3
Create different type of menus on the fly without changing the HTML Structure. Just replace CSS class names in the HTML markup to make a horizontal menu or any menu to function like a one page scroll menu, vertical menu, toggle menu, slide out menu, full screen navigation, tabbed menu, dots navigation and much more.
Features:
- One Page Smooth Scroll support
- Customizable CSS3 animation effects (Faster than jQuery Animations)
- Fully Responsive
- Unlimited Color Themes
- Light weight
- Built with CSS3 and improved with some jQuery
- Compatible with bootstrap
Vidbg.js : HTML5 jQuery Video Background plugin
Vidbg.js is a html5 jQuery video background plugin.When resizing is set to true (default) the video will resize automatically when the window is expanded or compressed.
- All modern web browsers
- IE9+
- Video will play on desktops and laptops and will resort to the fallback image (poster) on mobile devices (tablets, phones, etc.)
Fixed Responsive One Page Nav
Responsive, fixed and touch friendly one page navigation with animated scrolling.
Features:
- Fixed positioned, always visible navigation bar
- Uses vanilla JavaScript, no jQuery required
- Smooth animated scrolling
- Removes 300ms tap delay
- Adds a mask over the content when navigation is open
- Auto highlights current location
- Uses a tiny custom font for icons (only two characters included)
- Closes the navigation when user tap’s outside of it
Effect Ideas for Image Grids with jQuery & CSS
Today we’d like to share some inspiration for image grid effects. The idea is to animate the grid item when opening it, the other grid items’ disappearance and the new content. The content shown can be anything from just the larger version of the image and a title (think image gallery) or something like an album view. The common effect to all is the animation of the clicked grid image: we move it to the desired spot, scale it up and then replace it with a larger version. This creates a direct flow between the grid and the other (full) view.
jQuery Responsive Bootstrap Carousel
jQuery Responsive Bootstrap Carousel is a pack that includes Different types of carousel like thumbnail image gallery and content carousel with animated captions, testimonial carousel, portfolio carousel, video carousel etc.
Features:
- Touch Enabled
- 100% Responsive
- Easy To Customize
- Beautiful Animation
- Built With Bootstrap
- Font Awesome Icons
jPicture : jQuery Plugin to Load Pictures on Right Viewport
jPicture is a jQuery plugin to load pictures on the right view port. jPicture loads only the most fitting picture out of the picture-versions for the viewport the page is displayed on. This not only takes away the trouble of handling this yourself, but also reduces loading times for lower-res viewports.
