Advertise here

Mobile

Tabby – Lightweight and Mobile First Toggle Tabs

July 24, 2013     3374     Mobile Tabs
Tabby – Lightweight and Mobile First Toggle Tabs

Tabby is a lightweight JavaScript and CSS kit for mobile-first toggle tabs. It's style-light so you can easily modify it to fit your design.

Read More »

blueimp Gallery – Touch Enabled and Responsive Carousel Image Gallery

July 10, 2013     32159     Gallery Carousel Media Mobile Responsive
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 »

Touch Image Gallery

July 06, 2013     4093     Slider Gallery Mobile
Touch Image Gallery

Touch Image Gallery is a simple image gallery that caters to mobile and desktop browsers alike, by being touch/swipe friendly, in addition to the traditional way of navigating. The gallery can be navigated in the following intuitive ways:

  • By swiping left or right using your fingers in mobile browsers, or dragging using a mouse.
  • By tapping or clicking on either the left or right edges of the gallery.
  • By clicking on the auto generated bullets underneath the gallery.

The gallery itself consists of just a regular <ul> list with images defined inside it. A simple to implement, cross device friendly gallery this is.

Read More »

Mobile Friendly and Responsive Expanding Search Bar

June 26, 2013     21945     Mobile Responsive
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 »

Ion.Zoom – Image Zoom Lightbox jQuery Plugin

June 09, 2013     7855     Gallery Mobile Zoom
Ion.Zoom – Image Zoom Lightbox jQuery Plugin

Ion.Zoom is an easy image lightbox jQuery plugin for small galleries. Allow to zoom images at place. Also supprort keyboard controls with ESC, LEFT and RIGHT button. Supports multiple independently operating galleries in one page. Works on touch screen devices (iPhone, iPad, etc.).

Read More »

Swiper – Mobile Touch Slider

June 08, 2013     28753     Slider Mobile
Swiper – Mobile Touch Slider

Swiper is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile web apps, and mobile native apps.

Designed mostly for iOS, but also works great on Android, Windows Phone 8 and modern Desktop browsers.

Read More »

Responsive Side Toggle Menu

June 07, 2013     13543     CSS3 & CSS Menu Mobile Responsive
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 »

Excolo Slider – Responsive Touch Enabled jQuery Slider

May 22, 2013     4608     Slider Mobile Responsive
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 »

Horizontal Slide Out Menu

May 17, 2013     37616     Menu Mobile Responsive
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 »

jQuery.mmenu – Slick Sliding Menus for Mobile

May 15, 2013     20840     Menu Mobile
jQuery.mmenu – Slick Sliding Menus for Mobile

mmenu is a jQuery plugin for creating slickapp look-alike sliding menus for you mobile website or responsive website.

Read More »

Flip – Flipboard Like Effect for jQuery & jQuery Mobile

May 14, 2013     19546     CSS3 & CSS Mobile Effects
Flip – Flipboard Like Effect for jQuery & jQuery Mobile

Flip is jQuery/jQuery mobile plugin to give Flipboard app like effect. Flip effect uses css 3d transform.

Flip effect currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11. It still works with other browsers but the "slide" effect will be selected forecely.

Read More »

Responsive Retina-Ready Menu

May 09, 2013     6955     Menu Mobile Responsive
Responsive Retina-Ready Menu

responsivetouch-friendly and Retina-ready menu with three layouts for different browser sizes.

The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimized version and a mobile version with a menu link to display and hide the navigation for smaller screens. To make the menu fully retina-ready, we will use an icon font so that the icons of the menu won’t get pixelized on resize

Read More »

dragend JS – jQuery Plugin for Content Swiping

May 07, 2013     8747     Slider Mobile
dragend JS – jQuery Plugin for Content Swiping

dragend JS is a swipe plugin for jQuery. It's open source and uses hammer.js for observing multi-touch gestures.

Features

  • horizontal and vertical swiping
  • mobile and desktop ready
  • lightweight 
  • keyboard navigation
  • fullscreen or boxed
  • contend scribe
  • resize adjustment
  • overscroll

Read More »

FlexNav – jQuery Plugin for Responsive Menus

April 18, 2013     30603     Menu Mobile Responsive
FlexNav – jQuery Plugin for Responsive Menus

Device Agnostic Approach to Complex Site Navigation with Support for Touch and Keyboard Accessibility

A mobile-first example of using media queries and jQuery to make a decent site menu with drop downs. Special attention is paid to touch screens using click events for tap targets.

Features

  • Multiple nested sub menus
  • Tap targets to reveal sub menus for touch screens
  • Hover reveal for desktop
  • Keyboard tab input accessibility
  • Fallback for no JavaScript
  • Supports em units

Read More »

mSlide – jQuery Slider Plugin with Touch Support

April 16, 2013     3667     Slider Mobile
mSlide – jQuery Slider Plugin with Touch Support

mSlide is simple and easy to use slider-gallery with touch support.

Read More »

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