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

Posts Tagged ‘Vimeo’

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, Rvl.io, your own Flash files or images.

The project has actually 2 parts, presentz.org (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.

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.

Winners

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.

Are you looking for a slider that is completely customizable, works cross-device/browser and built with modern standards in mind? Then Royal Slider is a very good option.

Royal Slider is a jQuery plugin for displaying any HTML content (images, videos, text..) inside a slider interface and comes with awesome features.

The slider is very customizable with 50+ options, 4 skins with PSD files, 9 pre-built templates (and more coming) and full CSS styling.

RoyalSlider

It works in all major browsers, the output is responsive down to mobile (touch friendly) and works fast, thanks to CSS3 animations (with JS fallback).

The slider also loads fast independently from the number of slides as there is lazy-loading (only next few items are loaded).

Royal Slider offers various options for browsing sliders including thumbnails, tabs, bullets, keyboard, prev-next buttons or swipe.

There is support for YouTube and Vimeo videos and any other providers can be added with ease.

Royal Slider

Every slider created is SEO-friendly, items can be deep-linked and it creates a low-markup to create one.

Also, it has native fullscreen support, has lifetime free support and updates.

P.S. Royal Slider is the best selling slider in CodeCanyon.

MooVES is a MooTools plugin for easing and enhancing the integration of videos from popular video sharing websites (YouTube, Vimeo, Dailymotion, Facebook, Flickr, Google Videoi etc.).

It is unobtrusive and displays the link to the video and a notice if JavaScript or Adobe Flash Player is not enabled.

The plugin works by simply mentioning the URL of the media as a link and calling the MooVES function with targeting that element.

MooVES

There is no need to know the settings for each video service and a single function makes setting options (like width/height, background/foreground colors, autoplay or loop) possible.

MooVES also has support for HTML5 video tag features (in beta).

rlightbox is a lightbox plugin that is built on top of jQuery + jQuery UI and comes with some fresh features that doesn't exist in its alternatives.

It can display any type of content from images to videos (YouTube and Vimeo), Flash files and HTML.

The plugin has a unique "panorama" feature for showing only part of an image but allowing users to view the rest with panning.

rlightbox

And, "live re-size" auto-scales the images in accordance with the browser size (which is great for responsive designs).

rlightbox can be set to display a single item or a set with th ehelp of pre-next buttons (there is support for keyboard navigation as well).

It is look and feel can be completely customized as the plugin is fully compatible with jQuery UI ThemeRoller.

OSM Player is a highly customizable and open source HTML5 media player that is built with jQuery.

It is designed to dynamically play almost any media, whether it be HTML5 video – Flash video – Audio, etc.

For any non-standard media and browsers without HTML5 support, it can fallback to Flash.

OSM Player

OSM Player supports playlists and offers a seamless Youtube/Vimeo integration.

The playlist can optionally be hidden and the video can be displayed in fullscreen.

Also, the player generates direct and embed links to the media which is nice for anyone willing to include the content to their web pages.

JankoAtWarpSpeed is presenting a nice tutorial with source files on creating a beautiful menu similar to Vimeo‘s top menu.

The menu is very functional that, within a limited space, a user can browse the website or search it in detail.

Vimeo-Like Menu

I really like the top navigation implemented on Vimeo.com. First time I saw it I wanted to recreate it.

says JankoAtWarpSpeed. And it is succesfully done (although max. browser compatibility is missing, it is a good resource to start building a such menu).

A demo can be found here.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com