JavaScript & AJAX

Lightweight JavaScript Slideshow and Tab Interface Script

I was constantly looking for unobtrusive JavaScript tabs script which doesn't require any framework for my personal project. I have found SimpleTabs by Komrade but there's a bug on it plus it doesn't degrades gracefully if JavaScript is disabled. Today I have just found Yetii, which stands for Yet (E)Another JavaScript Tab Interface Implementation. It's a lightweight, object-oriented coded tab interface script which doesn’t require any JavaScript library/frameworks. It degrades gracefully...

CSS Browser Selector

CSS Browser Selector is a very small (811 bytes) JavaScript which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser that can be merged into your normal classes. The idea came from 37 Signals browser selector idea and Rafael Lima just did it. This one line JavaScript will greatly help web developers on CSS hacks. Maybe you can now say "Yes" to your customers if ever they asked you: "Will my site looks the same on most...

24 HTML Form Elements Customization Techniques

HTML form elements do not render consistently across all browsers. While some form elements such as textbox and textarea can be styled through CSS to look the same on most browsers, others are ugly enough which can't be ruled by CSS. Here are 24 solutions you can use to customize your form elements. Checkbox and Radio Buttons 1.) FancyForm FancyForm is a powerful replacement script used to provide the ultimate flexibility in changing the appearance and function of checkbox and radio...

Standalone Unobtrusive Tabs Script: SimpleTabs By Komrade

SimpleTabs is lightweight (2.5 KB compressed), unobtrusive tabs script which doesn't require any JavaScript frameworks such as jQuery, Mootools etc. Some of it's interesting features are: It does not need different IDs per tab container in order to have multiple tab sets. So, you can have as many SimpleTabs tab sets as you want on the same page. This solve the most annoying features I found in other tab content script where you are limited to a single tab set. It remembers the last tab...

7 AJAX Loading Icon Generators

If you want to inform your websites' visitor that there are more information to be displayed or still to be loaded on your page, you may need a "loading" or "wait" icon, or I simply called it a preloader image. An Ajax loading icon is also most commonly used on AJAX-base sites and applications. However, not all of us have the skills to design and create such icons. Here, we present to you online tools that will generate an AJAX loading icons and some sites which have a collection of it that are...