jQuery.html5form

HTML5 validates forms without additional JavaScript.
Currently only Safari & Google Chrome supports this functionality.
This plugin gets the same result in Firefox & Internet Explorer.
With a single line of code…

direct link
----------------

CSS Counters: counter-increment and Friends

A comprehensive discussion of how to use CSS counters, including an infographic and details on browser support, benefits and potential drawbacks.

direct link
----------------

XSS – An Underestimated Threat?

Cross-site scripting (XSS) is a type of security vulnerability which allows attacker to inject external client-side code on a website. Exploited vulnerabilities can cause only a small nuisance but in many cases they can also be exploited in very harmful ways.

In this article I’ll make an overview on XSS as a vulnerability, listing the forms of vulnerabilities and how they are exploited. I’ve also created a light example, which is meant for demonstrating XSS in real use.

direct link
----------------

HTML5 Canvas Image Effects: Black & White

The new canvas tag in HTML5 is known for its illustration power. It’s basically an empty element on which you can write and sketch using Javascript. But there’s a hidden power: image manipulation.

direct link
----------------

LABjs & RequireJS: Loading JavaScript Resources the Fun Way

This article will focus mostly on loading resources into browser-based environments, but as you will see later, the emerging server-side JavaScript phenomenon and the need to “load” server-side modules does have some influence on how browser loading may be approached.

direct link
----------------

Dijit’s TabContainer Layout: Easy Tabbed Content

One of Dojo’s major advantages over other JavaScript toolkits is its Dijit library.  Dijit is a UI framework comprised of JavaScript widget classes, CSS files, and HTML templates.  One very useful layout class is the TabContainer.  TabContainer allows you to quickly create a tabbed content layout with minimal effort.  Keep reading to see what you can create in just 10 minutes!

direct link
----------------

OhBehave – Apply Behavior to Static/Dynamic Elements, Immediately

Great method to figure when an element is available on the DOM, without domready uses. Also supports Ajax and dynamic creation of elements.

direct link
----------------

Things-To-Remember In Freelance Graphic Designing

Freelance graphic designing is a completely different phenomenon in itself. It is different than a regular salaried designing job, 360 degrees. It is a prevailing trend among the graphic designing community. Many experienced salaried designers are turning to freelance graphic designing and even a good number of fresh graduates are starting their career as freelancers. Like every other thing in the universe, freelance graphic designing has its own advantages as well as disadvantages. This field of profession can be very rewarding. You are your own boss, you are not stuck in an office, and there is really no limit of your potential earning. However, at the same time, it is not bed of roses as well.

direct link
----------------

25 Fantastic jQuery Techniques and Effects

Javascript Libraries have been a boon to the developers. jQuery is one of the most popular JavaScript frameworks, with powerful tools that improves the user’s interaction with Web applications. It helps developers write code and develop products more quickly. Many of us have been using jquery to a great deal. Be it for photo gallery or featured items or be it any other purpose, jquery helps in developing any application that you want.

direct link
----------------

PaintbrushJS – Browser Based Image Processing Library

PaintbrushJS is a lightweight, browser-based image processing library that can apply various visual filters to images within a web page.

direct link

HTML5 Quick Learning Guide

HTML5 Quick Learning Guide is a short PDF that introduces the main elements of HTML5 that you\’ll probably want to use right away. This guide is for those who want to get the basics figured out first, and worry about the finer details later on.

direct link
----------------

When Does JavaScript Trigger Reflows and Rendering?

The important thing is to always remember that reflowing and rendering HTML is the single most expensive operation browsers do. If your page feels sluggish it’s most likely a problem with rendering. While the easiest way to optimize is to get rid of as many nodes as you can, and trying to have simpler CSS rules, sometimes JavaScript is the culprit.

direct link
----------------

How to Become a JavaScript Badass

Last week I wrote a rather lengthy post lamenting the fact that finding talented front end developers is rather challenging. This led to some nice comments and emails about the topic and more than one suggestion that I not just whine about the state of things without suggesting a remedy; specifically, that I post instructions on HOW to become a JavaScript badass. I don’t know that I can tell you how to become a JavaScript ninja, but I can give you some pointers. I’ll start out by saying that I learned what I know via a rather circuitous route that I doubt even I could reproduce if I tried…

direct link
----------------

10 Great Tips for Writing Better And More Comprehensive CSS

There are many different coding styles but the main train of thought is that we’re all after one common thing: organization and better code.

direct link
----------------

Six Quick Questions with Chris Coyier

I recently had a chance to ask Chris Coyier, one of the most well know authors within the web design industry and curator of CSS-Tricks, some quick questions and catch up with what he has been up to lately.

direct link
----------------

MooGeo - YQL Geo Library-Based on Framework MooTools

This is a simple plugin MooTools that answers most of your geo questions. It wraps the following services in a simple interface: Yahoo PlaceMaker, Yahoo GeoPlanet, jsonip.appspot.com, W3C Geo location, Flickr.places.findLatLon

direct link
----------------

How To Add a Custom Facebook Like Box to Your Site

Facebook pages are becoming more and more popular with brands, bands, organisations and celebrities who want to boost their social exposure on the web. Facebook’s social plugins and widgets are a great way to link your Facebook page with your website. Let’s look at how to not only insert the popular Like Box code onto your website, but also how to customize it to fit with your design, and make sure the code correctly validates.

direct link
----------------

Users Don’t Care About Your Design

Do you always feel the need to create an original and creative design when working on a new project? This article discusses why you may well be wasting your site.

direct link
----------------

Announcing jQuery Mobile

A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

direct link
----------------

Lights Off - A Puzzle Game Using HTML5 Canvas

One of the most interesting new HTML5 elements, has to be . This element allows the developer to draw anything using JavaScript. I’ve never played around with this element, but still wanted to experiment with it.

Therefor, I re-created Lights Off, one of the first native games for the iPhone, but now using HTML5 .

direct link