5 useful Responsive jQuery

Responsive Image Gallery with Thumbnail Carousel

1. Responsive Image lightbox

As for the image lightboxes, I have always lacked simplicity for them. I mean not only the visual design, but the overall experience.Image- Lightbox-Responsive-and-Touch-Friendly-demo-by-Osvaldas-Valutis

2. Responsive Menu

Sometimes you just want your website navigation to be bold. Design agencies, for example, use their portfolio to show off their skills and push a little usability standards. Another good example is mobile apps: animated elements are key ingredients of the user experience. In this case a 3D menu can’t just be fun. It has to be efficient.3D-Rotating-Navigation-in-CSS-and-jQuery-CodyHouse

3. Responsive Slides

ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It has been used on sites like Microsoft’s Build 2012 and Gridset App. ResponsiveSlides.js works with wide range of browsers including all IE versions from IE6 and up. It also adds CSS max-width support for IE6 and other browsers that don’t natively support it. Only dependency is jQuery and that all the images are the same size.ResponsiveSlides.js_2.jpg at master · viljamis_ResponsiveSlides.js · GitHub

4. Responsive Image Gallery

A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.
Responsive Image Gallery

5. Contact form responsive

A flexible and responsive contact form built with HTML5 and CSS3 that include the following features:

  • Html5 Place holder attribute
  • New HTML5 Input types
  • HTML5 data-* attributes
  • JavaScript feature detection
  • HTML5 fall-back setup

HTML5 and JavaScript Contact Form | Onextrapixel

Share on Facebook0Tweet about this on TwitterShare on Google+0Share on LinkedIn0Pin on Pinterest0

Leave a Reply

Your email address will not be published. Required fields are marked *