Advertise here

Responsive

slimMenu – jQuery Multi-Level and Responsive Menu

July 24, 2013     36106     Menu Responsive
slimMenu – jQuery Multi-Level and Responsive Menu

slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.

Features:

  • Multi-level nested menus.
  • 100% mobile responsive menus.
  • Multiple slimMenu navigations on the same page.
  • Tap areas to toggle sub menus easily in touch devices.
  • Hover option and effects for desktop version.
  • Submenu indentation options for responsive version.

Read More »

flipLightBox – Responsive Lightbox jQuery Plugin

July 23, 2013     14302     Responsive Gallery
flipLightBox – Responsive Lightbox jQuery Plugin

flipLightBox is a free responsive lightbox jQuery plugin that is extremely easy to implement and doesn't require any additional stylesheets, scripts or libraries.

Its main feature is an optional flip effect as each lightbox image opens and closes. Another optional feature is a toggled slide text bar and navigation to accompany the lightbox images.

Read More »

S Gallery – Responsive jQuery Gallery Plugin with CSS3 Animations

July 16, 2013     11982     Gallery CSS3 & CSS Responsive
S Gallery – Responsive jQuery Gallery Plugin with CSS3 Animations

S Gallery makes use of HTML5's FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features.

Read More »

Shuffle – Sort and Filter a Responsive Grid of Items

July 13, 2013     34147     Grid & Layout Responsive
Shuffle – Sort and Filter a Responsive Grid of Items

Shuffle is a jQuery plugin to categorize, sort, and filter a responsive grid of items

Features

  • Uses CSS Transitions!
  • Responsive (try resizing the window!)
  • Filter items by groups
  • Items can have multiple groups and be different sizes
  • Sort items
  • Advanced filtering method (like searching)

Read More »

blueimp Gallery – Touch Enabled and Responsive Carousel Image Gallery

July 10, 2013     31274     Responsive Mobile Carousel Media Gallery
blueimp Gallery – Touch Enabled and Responsive Carousel Image Gallery

blueimp Gallery is a touch-enabledresponsive and customizable image & video gallerycarousel and lightbox, optimized for both mobile and desktop web browsers.

It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading and can be extended to display additional content types.

Read More »

View Mode Switch with Grid and List Layout

July 03, 2013     18598     Responsive Grid & Layout
View Mode Switch with Grid and List Layout

A simple view mode switch that has two example layouts, a grid and a list. The layout is defined by a view class that gets applied to the main wrapper. Some example media queries show how to make things responsive.

Read More »

Mobile Friendly and Responsive Expanding Search Bar

June 26, 2013     20721     Responsive Mobile
Mobile Friendly and Responsive Expanding Search Bar

A tutorial on how to create a mobile-friendly and responsive expanding search bar.

Summarized, this is what we want the search component to do:

  • Initially, we only want to show a button with a search icon.
  • When clicking on the icon, we want a text input to slide out.
  • The component should be fluid, meaning that we can use it in a responsive context.
  • For a smoother experience on touch devices, we’ll also want to add support for touch events.

Read More »

Responsive Side Toggle Menu

June 07, 2013     13276     Mobile Responsive CSS3 & CSS Menu
Responsive Side Toggle Menu

Side Toggle Menu lets you add a side bar menu to your page that slides in from the left or right edge of the browser window. It supports two types of unveiling- either by nudging the rest of the page and making room for itself, or overlaying the page. 

CSS3 transitions are used to power the animation, ensuring a smooth visual experience even on low powered mobile devices. And speaking of mobile devices, the menus are adaptive in that it automatically switches to a basic drop down menu using a toggle button at the top of the page when the user's device width is 480px or less.

Read More »

On-Scroll Animated Header

June 06, 2013     17476     Scroll Responsive
On-Scroll Animated Header

fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.

An animated header that will change its size on scroll. Once a certain amount of the page gets scrolled, the header will decrease its size and the inner elements will adjust their font-size/line height. There are example media queries for dealing with different screen sizes.

Read More »

CollagePlus – Image Gallery Plugin for jQuery

June 05, 2013     23284     Responsive Gallery Grid & Layout
CollagePlus – Image Gallery Plugin for jQuery

CollagePlus is jQuery plugin that arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.

Read More »

SmartMenus – Responsive jQuery Menu Plugin

June 02, 2013     14467     Menu Responsive
SmartMenus – Responsive jQuery Menu Plugin

SmartMenus is jQuery website menu plugin. Responsive and accessible list-based website menus that work on all devices.

Features

  • Optimized for mobile and desktop browsers supporting touch, mouse or both inputs at the same time
  • Section 508 compliant and fully accessible to assistive technology like screen readers
  • List-based (search engine friendly) markup - can be easily generated from any kind of database
  • Completely CSS driven with fully customizable menu styles
  • Unlimited menu trees on the same page and unlimited sub menu levels supported
  • Horizontal or vertical main menu items arrangement

Read More »

Excolo Slider – Responsive Touch Enabled jQuery Slider

May 22, 2013     4549     Mobile Responsive Slider
Excolo Slider – Responsive Touch Enabled jQuery Slider

Excolo Slider is simple responsive, touch enabled jQuery slider.

Features:

  • AutoPlay Slideshow
  • Keyboard slide navigation
  • Repeat when last slide is reached
  • Play the slideshow backwards
  • Auto adjust size initially and on browser resize, for responsive designs
  • Touch enabled (limited to a few browsers)

Read More »

least.js – Responsive HTML5 and CSS3 Gallery with LazyLoad

May 20, 2013     10837     Gallery HTML5 CSS3 & CSS Responsive
least.js – Responsive HTML5 and CSS3 Gallery with LazyLoad

least.js is a random & responsive HTML 5, CSS3 gallery with lazyLoad. Installation and usage is simple, and the end result is quite beautiful.

Read More »

Responsive Product Grid Layout

May 18, 2013     8069     Responsive Grid & Layout
Responsive Product Grid Layout

Responsive product grid layout that comes with some UI details for inspiration. The product will rotate showing the backside of the item when the rotate button is clicked. Some examples of how tooltips can appear on hover or click are also included.

Media queries can be used to resize the items in the grid or change the number of items in a row. Flexbox is used when supported.

Read More »

Horizontal Slide Out Menu

May 17, 2013     36930     Responsive Menu Mobile
Horizontal Slide Out Menu

A simple, horizontal slide out menu with a grid-like thumbnail layout for the submenu. The menu slides out from the top when a main menu item is clicked and the sub-items fade in. When clicking on another item, the height of the submenu will adjust and the content will fade in and out while switching.

Some media query examples show how to make the menu responsive and change the view to a touch-friendly vertically stacked navigation.

Read More »

AdvertisementAdvertise with us!
Angular, React and Javascript MV* Frameworks | MVish