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

Posts Tagged ‘Youtube’

Each social network has its own dynamics when it comes to customizing the social profiles and pages. Different requirements and sizes.

Social Kit is a free Photoshop plugin that focuses on simplifying the design of such pages and profiles.

It currently supports 4 networks: YouTube, Twitter, Facebook and Google+.

The plugin has full-sliced and editable templates where the outputs look just the same as “how they will look when live”.

For Ajax-heavy sites and apps, informing users about the status of a progress is a good idea so that they know “things are ok and must wait some more”.

Rather than placing a loading indicator beside each action in our HTML code, a site-wide indicator is a smarter choice.

NProgress and Skylo jQuery Progress Bar Plugins

NProgress and Skylo are 2 different jQuery plugins for creating YouTube-like thin progress bars that are positioned just under the browser toolbar.

Both plugins have functions to start, re-position, end or get the position of the bars.

While NProgress is suitable for any website, Skylo is focused on Bootstrap-powered sites and has multiple themes for the bars.

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.

Previously, WRD had shared Pubwich, an open source application that can fetch data from different sources.

It is not updated since 2010 and there is a regularly updated fork named PubwichFork.

To remind, the application can aggregate any published data from multiple sources including websites + social networks and display them in a single-page.

PubwichFork

The sources supported include Atom, RSS, Delicious, Youtube, Vimeo, Flickr, Last.fm and more.

PubwichFork is built with PHP and it is a handy project for quickly having a personal website that you almost do nothing to update but manages to keep fresh.

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.

Yahoo! WebPlayer is a fresh web-based media player from Yahoo! which can be integrated into any web page with just inserting a line of JS code.

It has support for many media formats including MP3, WMA, YouTube, Yahoo! Video, etc. and works automatically by scanning the related links/files in a web page and inserting a "play" button besides each of them.

Yahoo! WebPlayer

Once the "play" button is clicked, an in-page  (can be a good way to keep the users in the same page) and good-looking player appears with a nice slide effect that plays the media either in a tiny audio player or a video player.

The player can even detect related media itself and link to them if the "term detection" mode is enabled.

The API for the player is under development and it'll offer much more flexibility once launched.

P.S. You'll remember the popular Yahoo! Media Player, WebPlayer is actually the next-generation of this product.

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.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com