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

Archive for the ‘Gallery’ Category

For years the traditional method of website designing has been that the client has to hire two people tackle this process, brining on a designer and developer.

The designer works on the graphics of the website using Photoshop or another design platform as per the instructions of the client, make the final adjustments and then pass it along to the developer. The developer will write the code for that picture which will turn the picture of the website into a real website. I mean when the code will be uploaded on a webhost the site will go live.
Read the rest of this entry »

  • Tags:
  • Filed under: Gallery
  • As a web designer, I’m always snapping screenshots of inspiring websites I come across, for personal documentation, or for client presentations. It’s a common practice for many designers, and if you’re grabbing more than a few quick screens, it can get rather time consuming. I’m always looking for ways to streamline my workflow, and ShrinkTheWeb has helped me do just that.

    Read the rest of this entry »

  • Tags:
  • Filed under: Gallery
  • UI kits are very useful for starting and completing  a web design project quickly.

    PixelKit, a premium UI kit brand, is sharing a lightweight version of their Modern Touch UI kit exclusively with WRD.

    It is available in PSD and there are items for navigation, slider, accordion, form controls, social links and more.

    Modern UI Kit
    Read the rest of this entry »

  • Tags:
  • Filed under: Gallery
  • 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.


  • Tags:
  • Filed under: Forms, Gallery, Goodies, MIT License
  • 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.


    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.


    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.


    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.

    Uptime Robot