Tutorial : Better Check Boxes with jQuery and CSS

In this short tutorial, we will be creating a replacement for the default browser checkboxes in the form of a simple jQuery plugin. It will progressively enhance your forms but at the same time fall back to the default controls if JavaScript is unavailable. Tutorialzine shared this tutorial.

Tutorial : Better Check Boxes with jQuery and CSS

View Demo  Source Website

FREE CSS3 Video Course – 24 hours only

Think Vitamin have made their entire CSS3 Video Training Course free for 24 hours! That’s 51 free videos and over six hours of free video tutorials. They will only be free until Wednesday, March 16th at 11:59pm so watch them now.

FREE CSS3 Video Course - 24 hours only

These are all the topics you can learn …


  • Border Radius
  • Border Image
  • Basic Box Shadows
  • Advanced Box Shadows


  • Linear Gradients in WebKit
  • Linear Gradients in Firefox
  • Radial Gradients in WebKit
  • Radial Gradients in Firefox
  • Additional Syntax


  • Transitions
  • 2D Transforms
  • 3D Transforms
  • Animations
  • Project: Part 1 and 2


  • Text Shadows
  • Text Stroke
  • Reflections
  • Overflow and Wrapping
  • Columns
  • @font-face
  • Font Services
  • Complete CSS3 Project: Part 1, 2, 3 and 4

Media Queries

  • Introduction
  • Basic Syntax
  • width and height
  • device-width and device-height
  • orientation, aspect-ratio, and device-aspect-ratio


  • Attribute Selectors
  • Pseudo-Classes
  • More Selectors


  • Multiple Backgrounds
  • Background Sizing
  • Origin and Clip

Source Website

Loads.in – Test How Fast a Webpage Loads from Over 50 Locations Worldwide

loads.in gives you the possibility to see how fast your (or any) website loads in a real browser from over 50 locations worldwide.

If you have a worldwide audience, or your site is hosted in a different country from where your visitors live, it is useful to see how long it takes to load your web pages. With loads.in you simply enter the full URL of the page you want to check, and the page is retreived by a browser at a random location. For each subsequent check you can choose a specific location and browser profile.

As a result you will be presented with:

  • The load time of the web page.
  • Snapshots of the webpage at different times during load.
  • Errors or warnings if they occur.
  • A complete timing break down of all elements of your page in a waterfall chart.
  • The possibility to download the timing results in the Http Archive (HAR) format.

Loads.in - Test How Fast a Webpage Loads from Over 50 Locations Worldwide

loads.in is a unique and free tool:

  • Checks your site with real browsers.
  • Choose from Safari, Chrome, Internet Explorer or FireFox browser profiles.
  • Checks your site from over 50 locations.
  • Provides snapshots and waterfall charts for each check.

Source Website

Nowjs: Create a Chatroom in 12 lines of Javascript

NowJs makes real time web apps really easy. NowJS is a NodeJS module. The client javascript (now.js) is served by the NowJS server. NowJS creates a magic namespace “now”, accessible by server and client. Functions and variables added to now are automatically synced, in real-time.

You can call easily client functions from the server and server functions from the client. That means you can push to the client simply by calling a client-side Javascript function on the server. Communication is achieved using Socket.io.

NowJS v0.2 is supported in Chrome, Opera, Safari, Firefox, and IE9. Support for older version of IE is coming.

nowjs: Create a chatroom in 12 lines of javascript

Source Website

Infographic: The Rise And Fall of Yahoo!

It’s no secret that Yahoo is in a troubled place, and has been for awhile. Many have tried to pinpoint where Yahoo went wrong (i.e. product strategy, leadership etc.), but this infographic, designed by Column Five Media, gives you a play by play of the company’s history, acquisitions, highs, lows and more.

Infographic: The Rise And Fall of Yahoo!

Source Website

Miro Video Converter : Convert any video to MP4, WebM (vp8), iPhone, Android, iPod, iPad

A super simple way to convert almost any video to MP4, WebM (vp8), Ogg Theora, or for Android, iPhone, and more. 100% Free and open-source.

Miro Video Converter has presets that will convert video to the correct sizes and formats for popular phones, iPods, and other media players. Just convert your video and copy it to your device.

Miro Video Converter : Convert any video to MP4, WebM (vp8), iPhone, Android, iPod, iPad

Source Website

CSSWARP : CSS Text to Path Generator

CSS3Warp is a proof of concept: create Illustrator like “warped” text (text following an irregular path) with pure CSS and HTML.

How does it work?

CSS3 brings new text-transform options: rotation, skew, matrix, transform-origin… By applying the right transformations to every single letter it is possible to create the illusion of text following a path.

Type your text into the webform, click “Warp it!”, then alter the path as you like. You can attach your text to a circle or a bezier. Add or delete points, or change position, angle and radius of the circle. When your done, click “Generate code”. Copy the CSS and HTML into your document.

CSSWARP : CSS Text to Path Generator

Source Website