Hit this image to see the demo!

This widget is created and authored by electrictreehouse and kylinuntitled .  To get more info about the widget, go HERE.

Incoming search terms for the article:

• Enable CommentLuv tiles type
• photo widgets for web design
• ultimate photo widget
• Enable CommentLuv tiles
• jquery pinterest image tiles
• logo design “enable commentluv”
• photo design enable commentluv
• photography Enable CommentLuv
• the ultimate photo widget tumblr

Today I’m sharing a bunch of free downloadable templates that were created with HTML5 and CSS3.

HTML5 Theme

This minimalist template with pink accents comes with an Ajax-powered PHP contact form.

OWMX-1

OWMX-1 is a nice two-column template designed with HTML5 and CSS3.

DesignStudio

This cool grungy design is perfect for personal or music blogs.

SilverBlog

This clean and sleek design is well-suited for business blogs.

Clean Red

The template is powered by HTML5 and is perfect for blog sites.

CoffeeCols

CoffeCols is a magazine-style template with uniformly sized boxes on the home page. It also features rounded corners and has an inner template.

Design Company Website

This template features its own gallery page and supports custom fonts, which is great for corporate sites.

Minimalism

A clean and simple design with nice typography.

Serenity

Serenity is a one-column template that uses jQuery for its sliding navigation with underline effect and image slider. It focuses on presenting featured images with the slider.

Vibrant Professional Web Design

This corporate-style template boosts the layout with a rainbow of colors.

DaFont Page

This is a news magazine-inspired template with 3 columns which is designed for headline news pages.

High Five

High Five is a colorful template that is perfect for portfolio web sites. It is also great for personal blogs.

Business Project

This black-and-green template is good for corporate sites or blogs. It features jQuery slider on the home page.

Single Page Portfolio

This single-page template has a simple and sleek design, perfect for one-page websites.

Studio One

Created by CSS Heaven, Studio One features a jQuery slider on the home page and a portfolio section, perfect for corporate sites.

Memoir

This Japanese-inspired design is a good choice for personal blog sites.

Simple Style 7

This is a simple, fixed width 5-page template that also uses Google fonts.

Night Club

This is a well-designed template inspired by the busy night life.

Small Business

This is a minimalist design template that has an about and service page for your business site.

Cooking Site

Specifically designed for food-related sites or blogs, this one features a slider on the home page to display images.

VividPhoto

This beautiful photography template design is perfect for displaying image galleries.

Shinra

This is a corporate-style theme that comes with contacts, gallery, and portfolio templates.

One-Page Portfolio

This is a simple backwards-compatible, one-page template, good for portfolio sites or blogs.

ArchiteXture

This is a simple 2-column design template inspired by a hint of architectural work. This is perfect for small business-type web sites.

ElegantPress

This is a clean template that comes with different layouts and packs in a lot of features like a jQuery slider, lightbox, built-in web fonts, jQuery gallery, jQuery jportfolio, a working contact form, and more.

SocialStream

SocialStream is a very useful template designed for social media fans. This layout lets you display your live stream activity of your Tweets and Facebook posts.

OnlineSolutions

This is a 3-column orange template that is perfect for any business website.

Touch the Future

This simple and elegant template includes a tutorial explaining how this theme was created.

FreshIdeas

A beautiful black-and-yellow template that’s good for business or news sites.

Restaurant

Designed for a restaurant or food-related site, it features beautiful typography with a cool jQuery slider on its home page.

HTML5 Admin Template

This is a template that can be used to create a feature-rich dashboard for your admin area.

HTML5 Admin

This template, powered by HTML5, is well-suited to your portfolio projects.

52framework

This is a simple layout that includes HTML5 page, form, grid and CSS frameworks.

One-Page Template

This is a beautiful one-page layout that uses jQuery to slide in and out of different page sections.

Lifebook

Lifebook is a simple template with rounded corners, perfect for personal blogs or inspirational sites.

PKE Meter

This template allows you to create your own app website.

HTML5 Starter Pack

This contains Photoshop designs, Javascript and more to help you create your own HTML5-powered web site.

HTML5 Template

This simple HTML template comes in different variations – one, two, and three columns.

Nova

Nova is an HTML5 template that comes with post slider, contact form, image and video gallery.

Kroft

Kroft includes 6-page templates, 6 background images, homepage slideshow and social media integration.

Incoming search terms for the article:

• free html5 templates
• free css templates
• html5 food free templates
• free css template
• template html5 css3
• how to make a slide out contact form html5
• html5 templates free
• html5 orange template
• css single page template
• css template html5

Click on the titles below to start downloading. Enjoy!

Simple Fabric

Subtle Rust

Wall and Pavement Grunge

Grunge Textures Set 1

Crisp Dynamic Grunge

High-Res Textured Grunge

Dust Particle

Dots and Scratches

Ninja Brushes 05 and Fractals

Spiral 2

Paint Brush and 100 Essentials

More Ink Splats

Abstract Clouds

Sticky Tape Set 1

Sun Brushes

Incoming search terms for the article:

• sticky tape
• brush 2012 photoshop
• html5 dust particles
• ink photoshop brush
• paintbrush website
• particles brushes
• photoshop sun brushes
• photoshop sun plugin
• sun brushes
• grunge photoshop brush

Click on the image to grab the plugin!

This plugin allows the user to view a set of images in a group or collection via predetermined categories. There are four preset transition animations to choose from: basic, fade-in/fade-out, fixed, and custom.  Click here for more info, or click here for the demo.

Incoming search terms for the article:

• jquery image filter
• Jquery photo filters
• image jquery filter
• filter plugin
• jQuery filter
• jquery filter plugin
• jquery filters upload image
• jquery gallery with filter
• jquery group animation
• jquery image category filter

Textualizer – Created by Kiro, the Textualizer is an extremely lightweight jQuery plugin at just around 4kb. It can rotate any number of words and sentences beautifully.

When a sentence transitions into another one, their common letters move into their new locations using several effects that you can choose from: fadeIn, slideLeft, slideTop, and random. You can also define the duration that each item will be displayed and also the duration of the transitions.

Click on the image above to download, or download min version.

Shuffle Letters Effect – Downloading this plugin includes its tutorial. It shuffles the text content of the DOM element, which is great for headings, logos, and slideshows. The screenshot below shows the process of shuffling through the last letters of the phrase.

Click on the image above to see the demo, then download the plugin.

NuvuType – This plugin takes words inside a selected container and then prints them word per word on another container using your preferred animation effects. You do this by simply including a few lines of code on your page wherein you can set the typing speed, delay, and font colors. The linked page also allows you to try out the plugin and customize the animation.

Options include:

• Four different customizable color options, with customized colors for each option.
• Set a trigger element or auto load the text when the page loads.
• Set a delay for the text when triggered or auto loaded.
• Set a speed for the text typing animation.
• Grow or shrink the text to any size.
• Lightweight – only 7Kb min version.

Click on the image above to download the plugin.

Incoming search terms for the article:

• jquery text animation
• jquery text animations
• jquery laufschrift
• jquery text animation plugin
• jquery lauftext
• text animation jquery
• jquery textanimation
• jquery text
• jquery letter animation
• jquery plugin

Click on the notes to try out the demo, and grab the easy tutorial now!

Incoming search terms for the article:

• css sticky note effect
• Sticky notes create
• css3 sticky note
• create a stick notes image
• sticky note create
• flash sticky note effect
• notes webdesign
• notes website design
• stick notes
• template sticky notes for website design

Illustrator guru Jasmina Stanojevich kicks up the web design scene this 2012 with this cool vector social media icon set. Click on the image below to grab the free set today!

Incoming search terms for the article:

• social media 2012
• icon 2012
• icons 2012
• social media icon set 2012
• social icons 2012
• 2012 icon
• web design 2012
• cool social icons
• free social media icon sets 2012
• social icon free

Click on the image above to view the demo.

What the Power PWChecker does is it observes the password and checks its strength so the users will know if their choices are secure. It allows them to key in a specified minimum (default is 8 characters) and maximum (default is 16 characters) length and provides a match for their entries to see if there are inconsistencies. There is also a Callback function for onPasswordValidate and onPasswordMatch, and also works well on self-hosted websites.

When using this, add the latest reference to jQuery library, pschecker.js file and style.css file.

Below is the plugin’s markup. You can also download the SOURCE here.

<div class="password-container">

<p>

<label>

Enter Password:</label>

<input class="strong-password" type="password" />

</p>

<p>

<label>

Confirm Password:</label>

<input class="strong-password" type="password" />

</p>

<p>

<a href="#">Submit</a>

</p>

<div class="strength-indicator">

<div class="meter">

</div>

Strong passwords contain 8-16 characters, do not include common words or names,

and combine uppercase letters, lowercase letters, numbers, and symbols.

</div>

</div>

<!--

$(document).ready(function () {

//Demo code

$('.password-container').pschecker({ onPasswordValidate: validatePassword, onPasswordMatch: matchPassword });-->

Incoming search terms for the article:

• PWChecker
• pschecker jquery
• pschecker javascript
• jquery PWChecker
• pschecker strong password
• Power PWChecker
• power of password jquery
• jquery strong password plugin: power pwchecker
• jQuery Strong Password Plugin Power Pwchecker
• jquery pscheker

Click on the image above to view the demo.

Even when viewing large file-size images, using the Lazy Load plugin on your WordPress blog will make browsing faster because your browser immediately resumes ready status.

Click here to download the source code for the plugin, and get the minified version here.

Incoming search terms for the article:

• jquery load
• jquery for wordpress com
• lazy loader jquery using graph api of facebook
• lazy view jquery
• lazyload facebook twitter buttons jquery
• scroll down page view jquery
• software jquery lazy
• web design lazy loader
• wordpress html 5 player lazy load
• wordpress plugin get browser window size jquery

If you’re conducting an online business, this jQuery plugin called Smart Validate will be a helpful addition to your website. Created by the egrappler.com web developers, it makes credit card validation easier and more convenient.

The following credit cards are supported by Smart Validate:

-          Visa Card

-          Master Card

-          Discover

-          American Express

-          Diners Club

It can also be extended to support other credit cards types.

Add these in your head function of your HTML

-          Add reference to the latest jQuery script

-          Add reference to ccvalidate.js file

-          Add reference to ccvalidate.css file

In your HTML document, add the following code below or use classes “cc-ddl-type”, “cc-card-number” and “cc-checkout” to existing elements as they are required since this jQuery plugin uses the classes to read the needed values.

<select>

<option value="mcd">Master Card</option>

<option value="vis">Visa Card</option>

<option value="amx">American Express</option>

<option value="dnr">Diner Club</option>

<option value="dis">Discover</option>

</select>

<input type="text">

<input value="Checkout" type="submit">

This plugin has only one parameter, which is the callback function. It returns a Boolean value which indicates if the credit card number is a valid format or not.

$('.cc-container').ccvalidate({ onvalidate: function(isValid) {

if (!isValid) {

alert('Incorrect Credit Card format');

return false;

}

}

Below is the full code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

 <title>jQuery Credit Card Validation Plugin Sample</title>

 <script src="jquery-1.4.4.min.js" type="text/javascript"></script>

 <script src="ccvalidate.js" type="text/javascript"></script>

 <link href="ccvalidate.css" rel="stylesheet" type="text/css" />

 <script type="text/javascript">

 $(document).ready(function() {

 $('.cc-container').ccvalidate({ onvalidate: function(isValid) {

 if (!isValid) {

 alert('Incorrect Credit Card format');

 return false;

 }

 }

 });

 });

 </script>

</head>

<body>

 <div class="cc-container">

 <select id="cc-types" class="cc-ddl-type">

 <option value="mcd">Master Card</option>

 <option value="vis">Visa Card</option>

 <option value="amx">American Express</option>

 <option value="dnr">Diner Club</option>

 <option value="dis">Discover</option>

 </select>

 <input type="text" id="card-number" class="cc-card-number" />

 <input type="submit" value="Checkout" class="cc-checkout" id="check-out" />

 </div>

</body>

</html> 

Check out the DEMO and DOWNLOAD.

Incoming search terms for the article:

• jquery credit card validation script
• card types
• jquery credit card
• jquery credit card validation
• validate credit card
• visa card
• jquery credit card validation plugin: smart validate
• vis mcd card codes
• jquery smart validate review
• jquery validation bootstrap