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.