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

Archive for the ‘Gallery’ Category

Presentz is a JavaScript library that allows us to synchronize videos and slides however we want.

The library is handy for anyone that prepares/makes presentations or for any website that uses videos and slides side-by-side (mostly, landing pages).

Presentz - Video and Slide Synchronization

It has support for YouTube, Vimeo or self hosted videos and slides from Slideshare, Speakerdeck,, your own Flash files or images.

The project has actually 2 parts, (its source), the website with an editor which allows us to create such slideshows freely and the Prezents.js (JS library) where both are open source.

Baraja is a jQuery plugin, created by the talented Codrops team, for presenting a list of items similar to a deck of playing cards.

The plugin makes use of CSS transforms for rotating + translating the items and comes with different spreading methods.

Baraja jQuery Plugin

It is possible to define the direction, speed, range + easing of the effect and they can be browsed with prev-next buttons.

Once an item is clicked, it is the deck closes and focuses to the clicked item.

The demo page for the plugin features various different uses and how the functionality can be extended.

  • Tags:
  • Filed under: Gallery, Goodies, MIT License
  • 1 Comment
  • Content sliders are one of the most used elements of today’s web design. They help us a lot when we have limited space but more things to display.

    jQuery Slider Shock is a very impressive (probably the most-customizable and feature-rich) jQuery slider plugin (with WordPress support) that comes with both free and paid versions.

    jQuery Slider Shock

    The plugin is capable of presenting both images and videos that are hosted locally or from external sources like RSS, YouTube, Hulu, Vimeo, Flickr, Twitter and Instagram.

    It has 30+ transition effects which include very original, creative ones and they can be customized as well (like the number of slices, delay or speed).

    Items featured can be browsed with thumbnails that can be placed on any side of the slider, prev-next buttons (multiple designs exist) or keyboard.

    Captions can be added to each slide and HTML can be used in them. Also, captions can be improved with background images as well.

    jQuery Slider Shock

    Like mentioned, the plugin has WordPress support. Actually, it integrates with WordPress deeply.

    It can use WordPress posts, custom post types and taxonomies as the source for the slider or captions can include author and date info.

    And, there are ~40 ready-to-use skins for changing the layout instantly.

    jQuery Slider Shock is very well-documented (both the jQuery and WordPress versions).

    How to join the giveaway?

    In order to get a chance to win one of the 10 Combo WP+jQuery licenses being given away, you can do one or both of the stuff mentioned below:

    That’s all.

    The winners will be selected randomly on 15 Nov 2012 (1 week later) randomly and good luck to all.


    Here they are:

    • @Smartik89
    • SamChan (comment #827509)
    • Hani (comment #825308)
    • Rin Chan (comment #825733)
    • @venced0r
    • @hasentopf
    • zahid (comment #833130)
    • Carlos (comment #824784)
    • der_robert (comment #825025)
    • Jeff (comment #825268)

    Congratulations to everyone and thanks to everyone for joining.

    jq-tiles is a jQuery image gallery plugin that comes with many different tile-based CSS3 effects.

    The tile effects can be customized in various ways: number of tiles in x/y axis, fading for them, their speed and more.

    It is possible to create looping galleries, feature items in a reverse order or enable auto-slide.

    jq-tiles jQuery Image Gallery

    Multiple methods exist for navigation: bullets, prev-next controls, thumbnails and an optional timer can be activated for informing users about the arrival of the next slide.

    There are also callbacks which are triggered before + after the image changes and once the slideshow ends.

  • Tags:
  • Filed under: Gallery, Goodies, MIT License
  • Kort is a creative concept, by Hakim El Hattab (who creates awesome stuff regularly) for displaying thumbnails.

    It works by displaying a single thumbnail where others are hidden like a stack of cards and shown when hovered.

    Kort - Thumbnail Concept

    The navigation is made with mouse movements and there are multiple built-in efffects offered.

    Kort is built with CSS3 + JavaScript and a handy resource for featuring images in a limited space.

    Sly is a jQuery plugin that offers item-based (like image/content galleries) scrolling with many useful options.

    Within a defined container element, items inside can be browsed with the help of a scroller or with the functions provided like next, nextPage, toStart, toEnd, 5 toStart, etc.

    Sly jQuery Plugin

    It features different navigation logics which can auto-position next items or keep the active item always in the center.

    There is support for infinite scrolling and it work both horizontally or vertically.

    The plugin is very handy to be used as a pagination, content or image gallery module.

    Cycle, a pretty old yet very popular jQuery slideshow plugin now has a new, improved version: Cycle2.

    The plugin is perfect for anyone looking to create a completely customized slideshow as it does not declare any markup or style. And, its functionality is flexible too.

    Cycle2 supports responsive layouts, has options for everything (global and per slide) and can be extended easily using a full-featured API.


    For browsing, there are built-in pagers and prev/next controls. And, for a flawless experience, it supports (progressive) image loading and delayed initialization.

    Transitions offered are fade, scroll, shuffle, tile and carousel. Each slide comes with its own URL (bookmarking support) and it is mobile friendly (swiping).

    There are lots of demos and a detailed documentation for easily learning the details of the plugin.

    SwipeView is a simple-yet-effective JavaScript library for creating infinite (looping) carousels.

    The carousel is built for the mobile browsers and has multiple advantages for the mobile platform. It is:

    • memory conservative as it uses only three elements at any given time
    • running smooth as it takes advantage of hardware acceleration
    • bandwidth friendly with its 1.5kb minified/gzipped footprint.

    It is standalone, only works for horizontal sliders, can be used for any HTML content and, as expected, there is touch support.


    Today, many companies or teams are in need of exchanging information privately. This can be a common knowledgebase about a product, a discussion environment for employees, etc.

    Answerbase, a powerful hosted application for creating question&answer websites, has a special focus on creating such private Q&A communities that eases how users exchange information.

    Any Answerbase-powered website can require its users to be registered, approved, and logged in to ensure that only qualified user’s access the created information.

    Answerbase Private Community

    This website can be for a small team discussing the details of a project being developed or a huge company's internal knowledgebase where only allowed users can contribute and reach. The application can simply cover all when it comes to supporting your internal collaboration needs through Q&A.

    The private community can also support “exclusive (or paid)” content, where users need to make a payment to have access to the Q&A website. This is handy for anyone willing to create an elite collaboration environment while keeping contributors motivated.

    There are many other features that encourages users interact with each other like "users having custom profiles", gaining points and levels according to the answered questions, social media integration and more.

    Answerbase - Private Communities

    All the functionality of Answerbase can be controlled with a powerful admin panel, the look/ feel can be customized and widgets + API exist for more involved integrations.

    And, the platform is hosted, everything starts to work instantly with no technical headaches.

    To sum up, Answerbase's private collaboration software is a very good fit for anyone looking to exchange (private) information with an easy-to-manage interface.

    How to join the giveaway?

    In order to get a chance to win one of the 3 annual Professional plans being given away, just register a free trial to Answerbase and mention your sitename in the comments of this post.

    Winners will be picked randomly with the query below 1 week later (05 September 2012).

    SELECT * FROM wp_comments WHERE comment_post_id=3145 AND comment_approved=1 AND comment_type='' GROUP BY comment_author_email ORDER BY RAND() LIMIT 3

    Good luck to all.

    The winners

    Here they are:

    • der_robert (comment #701639)
    • wyr (comment #702162)
    • kane (comment #701578)


    Really Simple Slideshow is a jQuery plugin for creating image sliders of any kind.

    The plugin converts any list of images into a slideshow, it can display captions with each slide, include links and there are multiple transition effects.

    Really Simple Slideshow

    It has a powerful API for creating a completely customized slider. We can add new items to a slideshow, get any details about them, start/stop/pause it and much more.

    The design can be changed with any desired HTML structure + CSS and there is support for looping.

  • Tags:
  • Filed under: Gallery, Goodies, MIT License
  • Uptime Robot