10 Powerful jQuery Media Plugins to Charm Your Visitors

There is a well-known idiomatic expression saying that ‘content is a king’. We assume that soon it can be transformed to something similar to this one – ‘video content is an emperor’. Web experts and SEO gurus convey that video content soon will overtake the web audience totally not leaving any chance to other types of media information. It is hard to estimate the current situation of the image content – video content antagonism because there is no valid and objective web content analytic tool. So considering the intensity of growing need in multimedia content we have tried to collect jQuery media plugins that would help you painlessly implement video content on your website. Below you’ll find various surprisingly simple yet efficient media tools.

Flare Video

Flare Video plugin allows to implement HTML5 video with Flash fallbackinto web pages. Also you can easily customize player’s skin by changing CSS/HTML/JS files. Following plugin support full screen option and it is completely open source and free for commercial use.

Source of the Article

Read More...

15 Resources To Get You Started With jQuery From Scratch

Maybe you’re a seasoned jQuery pro. Heck, maybe you’re John Resig. On the other hand, maybe you read words like “Prototype”, “jQuery”, and “Mootools” and think to yourself, “What the heck are these?” Now is the time to learn.

In this industry – now more than ever – designers are becoming coders, and coders are becoming designers. The idea of a developer ONLY performing frontend or backend work is quickly becoming a dated concept. jQuery will help to bridge the gap. Javascript is not an unattainable skill. In this article, we’ll detail fifteen resources to get you started with jQuery from the absolute beginning. If you’ve been avoiding this library out of some silly sense of fear, now is the time to dive in. You’ll be amazed at how simple it can be.

What Exactly Is jQuery?

According to jQuery.com, jQuery is a fast, concise, JavaScript library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.

In simpler terms, jQuery allows you to turn ten lines of traditional Javascript code into two! Combine an enormous range of features with cross-platform compatibility and you have one robust framework. Before you know it, you’ll be creating everything from rich forms to Flash-like menus. Don’t worry if the task of learning yet another new framework seems daunting. These resources will take you step by step.

Source Article

Read More...

Wookmark jQuery Plugin: Laying out a Dynamic Grid of Elements

Wookmark a jQuery plugin for laying out a dynamic grid of elements.

source Website & Downloads

Read More...

Facebook Timeline Design using JQuery and CSS

I know what my readers are expecting from DesignBomb blog, after long time I'm going to discuss about jQuery usage. Facebook timeline design makes big revolution in social networking world and it gives new feel to the user profile pages. In this post i explain how easy & simple it is to create facebook timeline using jQuery and CSS. Try this demo with modern browsers like Chrome, Firefox and Safari (IE is dead).

Live Demo

Read more on Facebook Timeline Design using JQuery and CSS

Read More...

3D Gallery with CSS3 and jQuery

Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms.

With 3D transforms, we can make simple elements more interesting by setting them into three dimensional space. Together with CSS transitions, these elements can be moved in 3D space and create a realistic effect. Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms.

The main idea is to create a circular gallery where we have an image in the center and two on the sides. Since we are using perspective, the two lateral images will appear three dimensional when we rotate them.

View Demo & Downloads

Read more on 3D Gallery with CSS3 and jQuery

Read More...

An Introduction to jQuery for Designers

I found approaching jQuery to be an intimidating experience because I’m not a developer. Implementing JavaScript was what “they” did on the back-​​end of a website, but had little to do with my process when creating a design for a website.

But as a designer, I need to know the full range of options — and limitations — I have at my disposal when building a design for a client. jQuery presents some amazing options for design. If I want to be at the top of my field, I felt I needed to push myself out of my box and learn what the heck this whole jQuery thing is all about.

Read more on An Introduction to jQuery for Designers

Read More...

Arctext.js – Curving Text with CSS3 and jQuery

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

How it works

The main idea behind the Arctext plugin is to rotate letters with CSS3 transforms in order to place them along a curved path. The curve is always a segment of a circle (hence arc) for which the radius can be specified. The space and rotation for each letter will be calculated using that radius and the width of the text.

View Demo

Read more on Arctext.js – Curving Text with CSS3 and jQuery

Read More...

Minimit: A Highly Customizable jQuery Plugin for Galleries and Slideshows

Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides… pratically everything that has multiple states. Using Minimit Gallery you have more time to focus on the ideation and the dynamics of your interface, all the logic functionality instead is managed by the plugin. It’s designed for advanced Javascript/Jquery programmers because you need to code all the animations and the css of the gallery.

View Demo

Source of the Article

Read More...

10 jQuery Plugins to Enhance your User Interfaces

With a recently estimated over 20 million websites currently using jQuery it is essential to know what jQuery plugins there are out there in order to stay with the web design trend. Today, we’ll put some focus on some popular jQuery user interface plugins to help you enhance your current website to stay ahead of the crowd!

jQuery News Ticker

Ever wanted to display the latest news on your website in a sort of “headline news” way. Well, this jQuery News Ticker plugin will not only display your latest news it can also be loaded in from an RSS feed. This would allow you to display news from any website which has an RSS feed. Pretty cool!

Read more on 10 jQuery Plugins to Enhance your User Interfaces

Read More...

8 Fresh and Useful jQuery Plugins

jQuery helps us web designers and developers do some amazing things, and plugins make it almost too easy. That’s why it’s an obsession of mine to find new ones. I’ve been on the lookout for the past couple of weeks, and I’ve collected some good ones. Here are 8 Fresh and Useful jQuery Plugins.

Read more on 8 Fresh and Useful jQuery Plugins

Read More...

8 Responsive jQuery Slider Plugins

Whether you’re already a pro at creating responsive web sites or your just learning what it’s all about, it’s good to have some scripts handy that you can easily integrate into your site. We all know how popular image and content sliders are now, and for good reason. So we decided to round up some jQuery slider plugins that are already responsive – meaning they will adapt to the size of their container.

Blueberry

Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

Read more on 8 Responsive jQuery Slider Plugins

Read More...

jQuery Tutorials Teaching Cool Visual Effects

jQuery Tutorials Teaching Cool Visual Effects

This article contains jQuery Tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding.

Making a Beautiful HTML5 Portfolio

Don’t forget to Subscribe to Email Newsletter, Follow us on Twitter and Like us on Facebook – for recent updates.

Read More...