By NetWaver on April 22, 2009 Share This: 
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 in browsers without JavaScript support. You can have many independent tab interfaces on a single page, specify initial tab, turn on automatic tabs rotation, add next/previous navigation, nest one tab interface inside another and define custom function to run after certain tab is clicked.
Though the script is intended for tab interface implementation, I found out that you can also use this script for another purpose. Just turn on automatic tabs rotation and add next/previous navigation - a lightweight JavaScript slideshow will born. You can now have an unlimited tab interface plus an unlimited slideshow from a simple, lightweight JavaScript.
Demo & Documentation: http://www.kminek.pl/lab/yetii/
License: BSD License
Posted in JavaScript & AJAX, Slideshow, Tabs | Tagged dhtml tab interface, javascript slideshow, tab content script, tab interface, tab script |
By NetWaver on April 20, 2009 Share This:
Managing spam comments on your blog, deleting fake spammy users registering in your site and such similar things are very time consuming and may even reduce your productivity on your other task. Putting CAPTCHA to your comment forms, registration & logins forms, contact forms, etc. is one way of fighting and to at least minimize those spam things.
Here’s a list of 34 free Captcha scripts and anti-spam services you can use to provide protection from spam bots and ensure that only humans perform certain actions. Take note that using any of these Captcha scripts and services doesn’t guarantee that your 100% free from spam.
Hosted Anti-Spam Services
reCAPTCHA is a system developed at Carnegie Mellon University that uses CAPTCHA to help digitize the text of books while protecting websites from bots attempting to access restricted areas. It is easy to integrate with wide support for programming languages and ready to download plugins such as for WordPress, vBulletin, Drupal, etc.
Read More …
Posted in Online Tools, PHP & MySQL, Scripts & Apps, Security | Tagged anti-spam services, anti-spam solutions, asp captcha scripts, captcha, free captcha scripts, php captcha scripts, stop spam |
By NetWaver on April 18, 2009 Share This:
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 browsers?“. Putting aside the troublesome IE6, a very detail-oriented client will still give you headaches on consistent browser rendering. Let’s take for example Firefox 3.0.8 and Opera 9.64. Now create a simple form with radio buttons and checkboxes. When you view it on those browsers, they didn’t look the same. It’s fine in Firefox but in Opera, the labels just move up a little bit. With CSS Browser Selector, you can create a class specific for Opera to fix the line alignment.
Demo & Documentation: http://rafael.adm.br/css_browser_selector/
Download: http://github.com/rafaelp/css_browser_selector/tree/master
License: Creative Commons Attribution 2.5 Generic
Posted in JavaScript & AJAX, XHTML & CSS | Tagged cross browser rendering, css browser hacks, css browser selector, css hacks, css selectors |
By NetWaver on April 17, 2009 Share This:
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
FancyForm is a powerful replacement script used to provide the ultimate flexibility in changing the appearance and function of checkbox and radio buttons form elements. It’s accessible, easy to use and degrades gracefully on all older, non-supporting browsers. It requires MooTools JavaScript framework. 
Read More …
Posted in Forms, JavaScript & AJAX, XHTML & CSS | Tagged custom checkbox, custom checkboxes, custom form elements, custom radio buttons, fancyform, jnice, niceforms, radio input replacement, select replacement, styled form elements |
By NetWaver on April 16, 2009 Share This:
When doing some email marketing campaigns or just sending out regular newsletters to your opt-in members, you may try to beautify your HTML email message to catch your readers’ attention much more. In my experienced, I even received emails in three or more column formats and images here and there especially if it’s endorsing some products.
Designing an HTML email that renders consistently across the major email clients can be very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client.
To save you time figuring out if your campaign renders the same in major email clients, CampaignMonitor has put together a guide to CSS support in email clients, both web-based and desktop apps. Unfortunately, Gmail (which I used for personal and business) has the most X‘ed on CSS support.
CSS Support Chart Download:
PDF Format | Excel Format
Posted in XHTML & CSS | Tagged css email support, css support in email clients, email clients css support, email css support |
By NetWaver on April 15, 2009 Share This:
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 clicked on and if you reload the page (e.g. navigate somewhere and return to the page containing the tabs) that specific tab is already active.
Single Bug
When I tried to implement this script on my project, I found at that putting <div> element inside the content page will cause the script not to work anymore. Unfortunately, I didn’t find any contact information where I send or ask for support regarding this bug.
Demo & Documentation: http://labs.komrade.gr/simpletabs/
License: GNU/GPL v2.0
Posted in JavaScript & AJAX, Scripts & Apps | Tagged lightweight tab script, simpletabs by komrade, tab content script, unobtrusive tabs script |
By NetWaver on April 14, 2009 Share This:
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 ready for download.
Preloaders.net has a nice categorized collection of GIF preloaders. You can set your preloaders’ background (transparent is also available) and foreground color, size with contrains proportion option and it’s animation speed. Read More …
Posted in Icons, JavaScript & AJAX, Online Tools | Tagged activity indicator icons, ajax animated gif, ajax icons, ajax loading gif, ajax loading icons, ajax preloader images, animated preloaders |
Recent Comments