EZ-CSS is a light (1kb), flexible, browser-friendly and easy to use CSS Framework. It works by forcing the final element in the HTML flow to become a block formatting context. EZ-CSS is an easy 4-step process: Insert, Copy, Paste, Edit. This framework lets you create multiple columns of any width, with or without gutters of any width. The small stylesheet can be integrated into any existing style sheet (or in a style element) which makes this solution “framework agnostic”.

EZ-CSS relies on very light HTML markup and CSS rules, but its developers pushed the envelope even further for those who need fast results without increasing the risk of breakage. Their “Quick & Dirty” solution is less semantic than the regular method, but it relies on fewer hooks in the markup, fewer rules in the style sheet and at the same time creates a width-less block formatting context without the caveats that come with using DIVs.

• Fast, Flexible and Full-Featured PHP Framework: Symfony 2.0
• All-in-One CSS/HTML/JavaScript Front-End Framework: Easy
• xCSS: A Lightweight Open Source Object Oriented CSS Framework
• Style your markup: Brosho ‘Design in the Browser’ jQuery Plugin
• Speed up the development process: Blueprint CSS Framework

Swap out symbols to create your own icons, because these are scalable vector shapes, you can scale them to any size and alter them in any way you wish. Use your favorite vector graphics application to edit.

There are 2 sets available: a main set and a mobile set.

• 50 Free Vector Social Media Scalable Icons
• Beautiful Set of Free Social Media Icons: WeFunction
• 10 Free High Quality Application Icons in PNG format: Web Icon Set
• Download 1000 Free Beautifully Designed ‘Farm-Fresh Web Icons’
• WooFunction: 178 Free Web-related Icons in a Glossy Design Style

Famspam is sharing Facebox, a Facebook-style Lightbox useful to display images, DIVs, or entire remote pages using AJAX. The download package comes with the JavaScript and CSS files, a loading image, a close label, four corners, and solid border images.

Implementation Example

1) Load Dependencies – First, you need to load jQuery before Facebox.

<script src="jquery.js" type="text/javascript"></script>
<link href="facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="facebox.js" type="text/javascript"></script>

2) Attach It onLoad – While calling facebox() on any anchor tag will do the trick, it’s easier to give your Faceboxy links a rel=”facebox” and hit them all onLoad.

jQuery(document).ready(function($) {
  $('a[rel*=facebox]').facebox()
})

3) Open Image – Notice that rel has the value “facebox”

<a href="stairs.jpg" rel="facebox">text</a>

If you need assistance you can join Famspam’s Google Groups mailing list.

Inspired by Facebook’s Modal Box (lightweight, subtle, and very stylish), Davis Walsh took Facebook’s imagery and CSS and combined it with MooTools’ awesome functionality to duplicate the effect.

The MooTools JavaScript

window.addEvent('domready',function() {

/* hide using opacity on page load */
$('fb-modal').setStyles({ opacity:0, display:'block' });

/* hiders */
$('fb-close').addEvent('click',function(e) {
$('fb-modal').fade('out');
});

window.addEvent('keypress',function(e) { 

if(e.key == 'esc') { $('fb-modal').fade('out'); } });

$(document.body).addEvent('click',function(e) {
if($('fb-modal').get('opacity') == 1 && !e.target.getParent('.generic_dialog'))
{
$('fb-modal').fade('out');
} 

});

/* click to show */
$('fb-trigger').addEvent('click',function() {
$('fb-modal').fade('in');
});

});

• Elastic jQuery Plugin Makes Your Textareas Grow Facebook Style
• Image Reflection with jQuery, MooTools and script.aculo.us
• Highlight Elements in Script.aculo.us, jQuery and MooTools
• How to use the Scroll Effect in jQuery, MooTools and Script.aculo.us
• Zoom Images using jQuery and MooTools

jQuery Blinds is a simple, effective, and customizable slideshow plugin shared by Little Web Things. It is very easy to install. You just have to put the list (UL) with the images (each LI containg the IMG tag with the right SRC attribute) inside a main class (.slideshow) then call the plugin:

HTML Code

<div class="slideshow">
   <ul>
      <li><img src="lemons/1.jpg" alt="lemon" /></li>
      <li><img src="lemons/2.jpg" alt="lemon tea" /></li>
      <li><img src="lemons/3.jpg" alt="splashing lemon" /></li>
      <li><img src="lemons/4.jpg" alt="salad with lemon" /></li>
      <li><img src="lemons/5.jpg" alt="lemonade!" /></li>
      <li><img src="lemons/6.jpg" alt="sliced lemon" /></li>
      <li><img src="lemons/7.jpg" alt="dripping lemon" /></li>
   </ul>
</div>

JavaScript Code

$(window).load(function () {
    $('.slideshow').blinds();
})

Features include:

• Smooth animated transition
• Customizable animation orchestration
• Multiple instances on the same web page
• jQuery compatible (plugin)
• Unobtrusive JavaScript

• Display photos as slideshow with strip effects: jqFancyTransitions
• Move Elements into an Interactive Area: Roundabout jQuery Plugin
• Free Flash Simple to Use Image Gallery with Fade In/Out Effect
• Elastic jQuery Plugin Makes Your Textareas Grow Facebook Style
• Lightweight and intelligent custom tooltip: TipTip jQuery Plugin

The Birthday Bundle Pack consists of 26 Flash Components (all the commercial stuff they are selling) at $317 $47! Holy cow! That’s 85% less.

All updates for these components are free, feedback is welcomed, and the Flash Components are improved daily. So, now you have the chance to get them all at a ridiculously low price.

• $300 of Files for just $20 – Envato Birthday Bundle 2009
• Flash Countdown Timer from Flabell
• Flash Portfolio Gallery with Multilevel Filters
• Professional Photography Portfolio Template from Flabell: Review
• Free Highly Customizable and Minimalist Flash Checkbox Component

Before using gMap there are just 2 requirements that you need to meet: signup for a Google Maps API key, use the jQuery library 1.3+. This Google Maps script can be customized in many different ways. Many properties can be passed including latitude, longitude, zoom, markers, scroll-wheel, map-type and icon.

• Easily Add Maps to a Webpage: Google Maps jQuery Plugin
• Zoom Elements: ‘Anything Zoomer’ jQuery Plugin
• Integrate your buzz stream into your webpage: Google Buzz Widget
• Zoom Images using jQuery and MooTools
• Flip HTML Elements like Cards: QuickFlip 2.0 jQuery Plugin

This MooTools script has almost all jqBarGraph possibility, plus some new features such as AJAX data loading, URL bars, info boxes and negative values.

Features include:

• You can set label, color, URL and tooltip text for every bar
• Simple/Stacked Bars
• Legend can be created automatically
• AJAX data loading (can have negative values for simple type)
• Cross-browser compatibility (including IE)

• Easily display your data as Bar Graphs: jqBarGraph
• Create pretty graphs with jQuery TufteGraph Plugin
• Generate Good & Clean Looking Graphs: Grafico
• Create Accesible Charts/Graphs using Canvas and jQuery
• Free Animated Flash Charts and Graphs

jqFancyTransitions has many interesting transition effects such as wave, zipper and curtain. There are also options that can be used for custom effect. You can set speed, number of strips, direction, type of effect, etc.

• Easily display your data as Bar Graphs: jqBarGraph
• Slideshow with Smooth Animated Transition: jQuery Blinds
• Fancy Hover Box/Image Effect
• Free Flash Gallery – Add a Slideslow on your website
• Fancy (jQuery) AJAX Captchas – For an Awesome User Experience

Filter Portfolio Gallery is Flabell’s new gallery with filters, on two levels. For instance, you can sort your projects by project type, and then by clients, your products by size and then by color, your products by material and then by model, or however you need. You can also use one level filtering.

This component is build from three Flabell components:

• Multipage Thumbnail Gallery
• Horizontal Image Banner Rotator with thumbs
• CheckBox Component

If you own any of these components (the last one in the list can be downloaded for free) you will find the XML file very similar. Each component can be customized with the same features.

For example, you can use this portofolio to feature work that you have done for either Corporate, Agencies or Personal Clients. You can sort these by the work done for them, such as Website, Branding, Interactive, etc.

• Professional Photography Portfolio Template from Flabell: Review
• Free Flash Gallery – Add a Slideslow on your website
• Create Stunning Photo Albums: Free XML Flash Photo Gallery
• Free Flash Simple to Use Image Gallery with Fade In/Out Effect
• Free Highly Customizable and Minimalist Flash Checkbox Component

The content of this e-book is completely unique and the money making concepts offered by Daniel are added in a structural and logical way. The author is sharing the core principles that he learned in years of blogging – he blogs since 2005 – and that you need to keep in mind if you want to make money blogging.

I have to admit that Daniel presents his money making strategies in a very understandable way. His simple way of writing, the well-structured content and the manner in which he shows his idea makes this eBook a must-read for any blogger seeking blog profit.

“Make Money Blogging” contains 54 pages, divided in 5 main chapters: Content, Design & Usability, Networking, Promotion and Monetization. Here’s some of the stuff covered:

• The three mistakes that bloggers make when choosing a niche.
• The three characteristics of good content.
• Why your content strategy should have one cornerstone.
• The importance of headline and the two factors that create magnetic headlines.
• A deadly mistake that bloggers make when designing their blogs.
• The importance of RSS/Email Subscriptions.
• The way you should showcase your best content for first-time visitors
• Practical tips to network effectively online.
• A promotional strategy that most people forget to use.
• The points that you need to keep in mind when trying to make money with your blog
• The two requirements for making money with Google AdSense.
• The best trick available to make money with CPM deals.

Are you ready to monetize your blog? Get this free eBook!

• Download ‘Affiliate Marketing 101′: Free Guide
• Boost your online income: MaxBlogPress Ninja Affiliate
• Free Documentation Templates: Easily create your product help page
• Welcome your WP Blog Visitors with Different Greeting Messages
• Download 1000 Free Beautifully Designed ‘Farm-Fresh Web Icons’