God bless Javascript, glorification of all sorts of butchers.

A minimal way to notify users of success or error, based on Twitter's bar and jBar

Webpages to Render Faster

The days of using tables for layout are hopefully gone. This doesn’t mean that tables don’t have a place in web design and development. When you have tabular data, tables are the way to go and are what you should be using. However, ordinary tables can be limiting to the user when you have complex data to display.

In this tutorial we are going to create an awesome image gallery which leverages the latest CSS3 and jQuery techniques. The script will be able to scan a folder of images on your web server and build a complete drag and drop lighbox gallery around it.

jQuery is a Javascript library that is used in a large number of web applications and is popular amongst web application developers. It was launched in 2006 by John Resig, and immediately gained a large following due to its lightweight nature and design philosophy. jQuery allows developers to build Javascript web applications easily by abstracting many of the complexities and difficulties

OK, just discovered an interesting implementation detail of JQuery Validator (one that I should have known about already as well).

The following steps explain how to serialize any .NET object into a JSON string. This tip uses the .NET 3.0 Framework. You'll find this capability particularly helpful in applications that use AJAX to pass objects from the server to the client code.

Twitter trackbacks widget is a highly customizable jQuery plugin that you can use to integrate tweets that mention your post. It encourages users to engage further by providing reply and retweet links with each tweet. Based on Topsy’s API (released a WordPress plugin to turn your post tweets into comments), Twitter trackbacks widget can be used in any blog not just WordPress.

This post introduces a great new jQuery plugin that allows you to easily transform your image lists into beautiful galleries with Flash-like zoom effects in them. It’s a simple but elegant way of giving your interfaces a nice little shine and at only 2KB in size, it’s both compact and surprisingly easy to use.

Custom jQuery accordion for vertical navigation with subpages for wordpress ready to be pasted in a template.

Who doesn’t love to completely trick out their website with neat features? But what happens when your viewers aren’t using the latest browser, or they have JavaScript turned off? In today’s tutorial, you’ll learn how to create a image gallery that will work in almost all environments, using progressive enhancement techniques.

Cancel Tab Key on a TextBox and instead call a custom function using jQuery

Simpliar and easier than SqueezeBox. Click on an image and the image will enlarge. Simple, the way I like it.

This tutorial will explain how to fade a color in array of elements using jQuery.

Need to wrap content around an image? ...really around an image? jQSlickWrap is a plugin for jQuery which enables you to easily and accurately wrap your text around the content of floated images. It's as simple as $('img').slickWrap();

Highly customizable Twitter trackbacks widget to integrate tweets that mention your post into your blog. Each tweet comes with reply & retweet links to get more readers engaged in your story conversation. After Topsy has released a Wordpress plugin to turn your post tweets into comments. I wanted to use their awesome API to create this Javascript widget that can be used for any blog especially for non-Wordpress ones.

EGL Community Edition is a free Eclipse-based tool that simplifies the development of rich Web 2.0 style applications. Learn more from Will Smythe, Product manager, how EGL CE dramatically accelerates development of JavaScript and Java-based, rich Internet applications without needing to learn or program the intricacies of Ajax, JavaScript, REST, HTML, or XML.

This is the first article teaching advanced jQuery with a very simple method. I have chosen to begin with how jQuery makes Ajax cleaner and simple to follow.

This post cover the best scripts and tutorials available and will get you started validating faster than you think.

I gave a talk on Friday at Full Frontal, a new one day JavaScript conference in my home town of Brighton. I ended up throwing away my intended topic (JSONP, APIs and cross-domain security) three days before the event in favour of a technology which first crossed my radar less than two weeks ago. That technology is Ryan Dahl’s Node. It’s the most exciting new project I’ve come across in quite a while. At first glance, Node looks like yet another take on the idea of server-side JavaScript, but it’s a lot more interesting than that. It builds on JavaScript’s excellent support for event-based programming and uses it to create something that truly plays to the strengths of the language. Node describes itself as “evented I/O for V8 javascript”. It’s a toolkit for writing extremely high performance non-blocking event driven network servers in JavaScript. Think similar to Twisted or EventMachine but for JavaScript instead of Python or Ruby.

In November 2009, 5 jQuery plugins were born and most of people believed that they are useful for web designers. Enjoy the 5 fresh jQuery plugins!

This is a simple plugin for adding sliding captions to images. The image gets tinted too, when hovering.

TopUp is a JavaScript component powered by jQuery and jQuery UI that lets you create advance lightbox for your web pages. It provides you the ability to display images, flash (from sites like Youtube, SWF and FLV files), movies (QuickTime, Windows Media and Realplayer), iframes, DOM elements and raw HTML.

let’s look at some clever techniques developed and used by top professionals in the Web design industry. We can use their examples to develop our own alternative solutions.