Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘Gallery’ Category

iOS7 has slick, flat and circular switches that are used for select box-like elements that has two options.

Switchery is a JavaScript library, that doesn’t require any JS  frameworks, that can convert select boxes into such interfaces.

The style of the switches can be customized easily, they support the “disabled” state and the effect speed can be changed as well.

Switchery

  • Tags:
  • Filed under: Forms, Gallery, Goodies, MIT License
  • 0 Comments
  • mightySlider is a premium jQuery plugin that provides everything you need to build an awesome slider.

    The plugin can be used for simple-to-advanced scenarios like a slideshow, gallery, content-rotator, carousel, video gallery and more.

    mightySlider

    It adapts well to responsive layouts (down-to-mobile) and works in all major browsers including mobile (there is touch support).

    mightySlider is SEO-friendly with a semantic markup and deep-linking which makes each slide bookmarkable as well.

    Any type of content can be displayed, vertically or horizontally, and it can even pull content from 500px, Flickr and Instagram.

    mightySlider - Video

    With the help of a powerful API (and detailed docs), mightySlider‘s functionality can be completely customized. Also, a slider generator exists for performing this customization easily.

    When it comes to browsing through the slides, there are all the options on the table: prev-next, bullet-navigation, keyboard and touch.

    Some other features of the plugin are auto-play, native fullscreen mode, smart lazy loading and the ability to use multiple instances on the same page.

    mightySlider Carousel

    GPU-accelerated CSS3 transitions are used and it is optimized for a smooth experience with max performance.

    The slider is priced $12 and it is definitely worth what it offers in exchange.

    Slippry is a jQuery image gallery plugin for that has modern features.

    First of all, it uses HTML5-CSS3 markup and works well with responsive layouts (optional).

    It can be styled with Sass or CSS and has multiple transition options including Ken Burns effect.

    Slippry - jQuery Gallery

    The slider can be set to auto-slide, display captions and has both prev-next + bullet navigation controls.

    There are also callbacks for major events and multiple examples + a detailed documentation is provided.

    There are many jQuery slideshow plugins out there (make sure you check the Gallery section) and it is usually hard to decide which one is better.

    Actually, sometimes, it is not about being better but being a good fit for the job as each gallery has various differences from another.

    jQuery SlideMe! Plugin

    SlideMe! is another solid option which is responsive and supports both limited or full screen views.

    It can be used vertically or horizontally, makes use of CSS3 transitions and has support for pagination.

    There are methods to control the slider (prev, next..), callbacks for each of them and much more.

    Glide.js is a lightweight (4.5kb minified) jQuery plugin for creating sliders.

    It has completely customizable OOCSS markup and uses CSS3 transitions but has fallback to JavaScript.

    The slider is responsive, it’ll adapt well to all devices and comes with touch support.

    Glide.js

    You can navigate through the items with keyboard, swipe events or with the help of the bullet and arrow menus.

    Glide.js also has a public API that supports all its events (play, pause, next, prev, etc.).

    FerroSlider is a jQuery slider for creating full-page sliders (or content/image sliders) of almost any type.

    The contents can be placed in a flexible way, horizontal + vertical, and the plugin will simplify browsing through them easily.

    FerroSlider

    It uses CSS3 transitions for a good performance, works well with responsive layouts and works on mobile too.

    The plugin has lots of customization options, has ready to use controls for navigation (arrow, bullet..)and can load content via Ajax.

    Owl Carousel is a jQuery plugin that allows us to create responsive carousel sliders so quickly.

    The plugin is touch-friendly and capable of featuring any HTML content with almost any markup.

    It has options for setting the pagination/sliding speed, enabling/disabling auto-play, showing bullet navigation and more.

    Owl Carousel

    Also, it is possible to define the number of items to be shown on desktop, tablet + mobile separately and Owl Carousel will handle that automatically.

    There is also an API for controlling the carousel however we prefer.

    S Gallery is another jQuery image gallery plugin that displays images in a responsive grid.

    It is inspired from the gallery in Sony’s product pages (which is made with Flash) and mimics that completely.

    Once an item is clicked and focused, it is possible to browse others with prev-next buttons or via keyboard.

    Returning back to the grid view is possible with a click and, also, a fullscreen option exists (uses HTML5 Fullscreen API).

    S Gallery

    Swiper is a beautiful content slider that is built for mobile and works pretty fast as it uses hardware accelerated transitions (if available).

    The slider is lightweight, uses no JavaScript frameworks and has support for “touch events” whose interaction ratio can be customized.

    It responds to changes in orientation, has support for vertical + horizontal sliding and comes with built-in pagination control (bullets).

    Swiper

    Each swipe event brings the next/prev slide but it can be set in free mode as well where the content will be scrolled as much as you swiped.

    Swiper can present multiple items at once (carousel), loop infinitely and feature any HTML content.

    There is an API that allows controlling the pagination and provides callbacks on major events.

    It also works on desktop browsers (mouse events are accepted) and can be extended with plugins.

    Least.js is a jQuery-powered image gallery that can display images in a Pinterest-like layout.

    The images are displayed from an unordered list where their order is randomized on each load.

    Least.js

    Any clicked image doesn’t load the bigger version in a modal but by sliding other items down and the big version on the top (kinda similar to Google Image search).

    The gallery makes use of HTML5-CSS3 features and works good on responsive layouts.

    Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com