How To?

Interesting tips:
http://www.makeuseof.com/service/how-to/

Google wave API

http://code.google.com/apis/wave/embed/

http://code.google.com/apis/wave/embed/guide.html#HelloWorld

Web Developer Add-ons for Firefox

The Web Developer extension adds a menu and a toolbar with various web developer tools.
https://addons.mozilla.org/en-US/firefox/addon/60

Free online file conversion

http://www.zamzar.com/

9 Most Common IE Bugs and How to Fix Them

Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. Interested? Let's get started.
Courtesy: http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/

Drupal 6 Tutorial – Part 1: Introduction

http://codingpad.maryspad.com/2009/03/11/building-a-website-with-drupal-6-part-1-introduction/

7 Fresh and Simple Ways to Test Cross-Browser Compatibility

This post is written for designers, developers, or anyone else who has struggled with testing their websites across multiple browsers.

As little as one year ago, there were almost no good options for testing cross-browser compatibility of websites. The tools out there usually had significant drawbacks — either in cost, capabilities, or time required. Lately, though, there have been a lot of newcomers to the browser testing world, some of which offer truly excellent services.

In this article we’ve listed 7 fresh and simple tools for cross-browser compatibility testing, tools that actually make this stuff pretty easy. Not only that, but every single one of these tools can be used for free.

From: http://freelancefolder.com/7-fresh-and-simple-ways-to-test-cross-browser-compatibility/

Free CSS templates

http://www.freecsstemplates.org/

Easy Tooltip - jQuery plugin

By default this plugin will read the title attribute of the element and convert it into fade-in tooltip that you can style any way you want. Important note, it doesn't have to be an anchor tag. You can apply this script to any element(s) you want.
The one big thing that makes this different from my first version is that you are now allowed to put custom content, any html content you want - images, long paragraphs, link lists... anything. If you hate writing HTML code inside a JavaScript variable, this plugin allows you to use inner HTML from any element on the page. It means that you can write HTML directly on the page, as you normally do, hide that element with CSS and have it appear as a tooltip on mouse over. Take a look at the demos for more info.

960 Grid System

http://960.gs/ - The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

Scalable Vector Graphics - SVG

W3C Recommendation:
http://www.w3.org/TR/SVG/
http://www.w3.org/Graphics/SVG/

Intro:
http://www.xul.fr/en-xml-svg.html

Tutorial:
http://www.w3schools.com/svg/default.asp

15+ CSS Tips and Tricks

http://www.queness.com/post/402/15-css-tips-and-tricks

15 Ways to Optimize CSS and Reduce CSS File Size

http://www.queness.com/post/588/15-ways-to-optimize-css-and-reduce-css-file-size

Carousel examples

http://sorgalla.com/projects/jcarousel/#Examples

Favicon - Use any image as favicon.

http://tools.dynamicdrive.com/favicon/

http://www.favicon.co.uk/

Superb e-book collection

http://www.wowebook.com/

FusionCharts for Dreamweaver

http://www.fusioncharts.com/?dreamweaver

FusionCharts for Dreamweaver helps you create animated, interactive & data-driven Flash charts in Adobe Dreamweaver. It has been developed by our partner Extend Studio to help you harness the power of FusionCharts in Dreamweaver.

FusionCharts for Dreamweaver brings sleek charting to your doorsteps from the Design View in Dreamweaver itself. It offers 34 types of 2D/3D charts including line, area, bar, column, pie, combination and scroll charts. It comes with a rich GUI using which you can easily create and configure the charts, add and organize data (even load dynamic data from databases) and finally integrate them into HTML, PHP, ASP.NET, ASP or any other type of webpage.

FusionCharts for Dreamweaver comes in 2 flavours: Designer Edition & Developer Edition. Designer Edition is suitable for general users who want to visually create charts for their static websites, without writing a single line of code. Developer Edition is suitable for web developers who develop their database-driven websites using Dreamweaver IDE. Both the editions come with 340 presets & 170 styles, so anyone can create stunning self-designed charts in minutes!

Free open source content management system.

http://www.concrete5.org/
concrete5 is a free open source content management system.

Create online wireframe/mockups

Using Balsamiq Mockups feels like you are drawing, but it's digital, so you can tweak and rearrange controls easily, and the end result is much cleaner. Teams can come up with a design and iterate over it in real-time in the course of a meeting.

http://www.balsamiq.com/products/mockups

Free PSD template

http://bestfreetemplates.info/apages-templates-2.html

Online logo creator

http://www.logoyes.com/logocreator.php

CodeBurner for Firefox

http://tools.sitepoint.com/codeburner/firefox/

Flex tutorials

http://www.sitepoint.com/article/rias-adobe-flash-platform-3/

http://74.125.153.132/search?q=cache:http://www.sitepoint.com/article/beginners-tutorial-flex-3

Thanks to http://www.sitepoint.com/recentarticles/

Flash tutorial

http://www.baycongroup.com/flash/01_flash_5_tutorial.htm

Loading content with jQuery AJAX - using a loading image

http://www.electrictoolbox.com/load-content-jquery-ajax-loading-image/

jQuery Form Plugin

http://malsup.com/jquery/form/#getting-started

How To Build Quick and Simple AJAX Forms with JSON Responses

http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=435

IE 8 compatibility Issue

Most of the web pages are not compatible with Internet Explorer 8. To solve this issue, edit template html and add following line in HEAD tag.

< meta equiv="X-UA-Compatible" content="IE=EmulateIE7" >

It will solve the compatibility issue. :-)

CSS Library: Sliding Doors Tabs Menu

http://www.dynamicdrive.com/style/csslibrary/item/sliding-doors-tabs-menu/

This is a two state rollover tabs menu based on the popular sliding doors technique. It uses two images only, a right and left tab, with each image shifting up and down as the mouse moves over a tab. This ensures a flicker free experience in IE, though it also means the tab images themselves require a little more labor to create.

Slidshows : Mootools

http://www.electricprism.com/aeron/slideshow/

http://www.webappers.com/2008/04/14/noobslide-mootools-slide-show-image-galleries/

Sortable & Expandable div

http://jqueryui.com/demos/sortable/#portlets

Object Oriented CSS

http://www.slideshare.net/stubbornella/object-oriented-css

Expandable divs

http://phpmotion.com/forum/index.php?topic=13205.0

http://www.reynoldsftw.com/tag/behaviours/

http://www.trap17.com/index.php/Expandable-Div-Width-Dynamic-Items_t64022.html

http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

http://tutorial-index.com/redirect/15114

CSS framework - blueprintcss.org

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
http://blueprintcss.org/

Interface and Interaction Design

http://msdn.microsoft.com/en-us/library/ms976225.aspx

Web Technology Tutorials

http://www.sitepoint.com/

Open Source Flash Charts

http://www.techartifact.com/blogs/2009/08/open-source-flash-charts-for-net.html

Create GIF Animations Online

Loogix allows you to create animated pictures and animated effects from your photos. Just upload at least two photos (maximum ten), select desired size and speed and click to ''Generate Animation'' button. On the result page you can find link to your animation, you can send to the friends just from the form on the website. Loogix also provide you with HTML code, that you can put to your Facebook, MySpace, Orkut etc.

http://www.go2web20.net/app/?a=Loogix

Slide show: jQuery Cycle Plugin

http://malsup.com/jquery/cycle/

100 % working web design tricks

Get all the tricks and tutorials on softwares and windows for fee.All tricks are 100 % working and tested

http://infinitytricks.blogspot.com/

JQuery - JQZoom & Galleria

JQZoom - http://www.mind-projects.it/projects/jqzoom/

Galleria - http://devkick.com/lab/galleria/

jQuery Before/After Plugin

http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/

jqTransform plugin is a jQuery styling plugin which allows you to skin form HTML elements

http://amolwable.com/index.php/2009/jquery-plugin-jqtransform/

Example: http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/

Xperia X1 html panel creator

With this tool you can easily create HTML panels for Sony Ericsson Xperia X1

http://www.mysonyericssonblog.com/x1panelcreator/index.php?lang=en

Free XML Flash Photo Gallery

Free XML Flash Photo Gallery | Open Source Resources for Designers and Developers

http://www.greepit.com/2009/07/20/free-xml-flash-photo-gallery/

HTML5 and The Future of the Web

http://www.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/

Collection of Tools/Sites to Create Tag Cloud

http://www.technacular.com/2007/04/22/collection-of-toolssites-to-create-tag-cloud/

Tagline Generator - Timeline-based Tag Clouds

http://chir.ag/projects/tagline/

10 Best Application UIs

http://www.useit.com/alertbox/application-design.html

Top Ten Mistakes in Web Design

http://www.useit.com/alertbox/9605.html

Tag Clouds examples

http://www.smashingmagazine.com/2007/11/07/tag-clouds-gallery-examples-and-good-practices/

http://microformats.org/wiki/tagcloud-examples

http://www.dekoh.org/widgets/tagcloud/tagcloud_xml_example.html

http://www.useit.com/alertbox/tag-clouds.html

http://webdesign.about.com/od/examples/l/bl_tagcloud.htm

http://www.joelamantia.com/blog/archives/tag_clouds/text_clouds_a_new_form_of_tag_cloud.html

Ruby and Ajax

http://www.jhl.it/Courses/LUGPC7.html

jQuery tools

http://www.danvega.org/blog/index.cfm?mode=cat&catid=46B5EC59-D605-523F-239EE25D6332AC01

http://flowplayer.org/tools/demos/index.html

10 Best jQuery Plugins - April 2009

http://www.ajaxline.com/10-best-jquery-plugins-april-2009

Windows Live Messenger IM Widget

1. Go to this page and log in with the Live ID you use for Live Messenger

http://settings.messenger.live.com/Applications/WebSettings.aspx

2. Activate the option that says “Allow anyone on the web to see my presence and send me messages”

3. Choose your desired Live Messenger IM control, Go to the Create HTML page and choose your preferred version

4. Customize settings according to your needs.

5. Paste the HTML Code and Start using it

Enjoy... Happy chatting..

Addthis - One button. Your content everywhere.

Increase your traffic and page rank with the #1 bookmarking and sharing service, served over 20 billion times per month.

https://www.addthis.com/

About HTML 5.0

W3C Working Draft 23 April 2009:

http://www.w3.org/TR/html5/

HTML5 Browser Support Overviews:

http://www.hagenburger.net/2009/05/4-useful-html5-browser-support-overviews

HTML 5 and CSS 3:

http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/

Cheat Sheet:

http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/

http://html5gallery.com/

http://html5doctor.com/

960 grid system

http://960.gs/

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.

Tab navigation using jQuery:

http://trevordavis.net/play/javascript-tabbed-navigation/

http://www.cssmenubuilder.com/blog/2008/09/28/jquery-tabbed-content-example/

http://frinity.blogspot.com/2008/07/tabbed-navigation-using-jquery.html

http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html

http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/

http://css-tricks.com/jquery-ui-tabs-with-nextprevious/

http://www.webdesignbooth.com/25-useful-javascript-tab-navigation-scripts/

http://www.scriptygoddess.com/archives/2008/09/20/overlapping-tabbed-navigation-using-css-and-jquery/

http://www.miniajax.com/

Submit A Form Without Page Refresh using jQuery

http://nettuts.com/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

Best of FREE PSD Templates

http://hiddenpixels.com/designer-and-developer-resources/best-free-psd-templates/

JQuery Examples

http://hiddenpixels.com/designer-and-developer-resources/jquery-examples/

How to build an expandable sitemap with jQuery and CSS

http://www.scottdarby.com/2009/05/how-to-build-an-expandable-sitemap-with-jquery-and-css/

HTML Popup Dialog - Vista Graphite Style

Build unstoppable html popup dialog to grab your visitors and direct them to your sale items. To prevent the popup from becomming a annoyance, you can control how often the window is shown.

State exactly where you want the pop up to appear on the browser screen, you can choose automatically centered as you wish.

Determine the height and width of the html popup dialog, or make it full screen size - you can make it resizable if you want.

Select the features you want your Pop Up to have title bar, scrollbars. 

http://deluxepopupwindow.com/html-popup-dialog-vista-graphite.html

Chicago police department - crime report website

chicagocrime.org

Gothere Maps API

http://gothere.sg/api

new Google 411 service

http://www.google.ca/goog411/index.html#utm_campaign=en&utm_source=en-ha-na-ca-bk&utm_medium=ha&utm_term=google%20411

Create Resizing Thumbnails Using Overflow Property

http://cssglobe.com/post/1305/create-resizing-thumbnails-using-overflow-property

Some more JQuery examples

JQuery Galleria: http://devkick.com/lab/galleria/

JCarousel: http://sorgalla.com/projects/jcarousel/examples/static_controls.html

Photo Slideshow: http://www.ibm.com/developerworks/xml/library/x-ajaxslideshow/?ca=dgr-lnxw01AjaxSlid#sidebardemo

Tree node: http://bassistance.de/jquery-plugins/jquery-plugin-treeview

Google Wave - Future of Email and Instant Messenger

http://www.business2.com.au/2009/06/02/google-wave-future-of-email-and-instant-messenger/

41 of the Best MooTools Ajax Example Downloads

Cool examples of mootools library, another jQuery...?? Yeah
http://speckyboy.com/2008/04/09/41-of-the-best-mootools-ajax-example-downloads/

Simple 3D Carousel using Mootools

http://www.andrewsellick.com/75/simple-3d-carousel-using-mootools

Google API : Code Playground

Here you can play with the Google API implementations code and see the results of your changes rightaway.

http://code.google.com/apis/ajax/playground/

Animated Flash Charts, gauges and MAPS for dynamic applications

Really awesome...and easily customizable as per your need.

http://www.fusioncharts.com/

Lightweight accordion

Finally a lightweight accordion that is built with scriptaculous and works properly in every browser.

http://www.stickmanlabs.com/accordion/

Horizontal and Vertical CSS Menu Tutorial

http://www.seoconsultants.com/css/menus/tutorial/

example of how to develop menus similar to the ones shown here and here. This mini-tutorial uses very similar code to cover the main ingredients for both those menus, they can be developed further by adding background images or more color.

CSS Dropdown Menu - made with only css

http://www.iseoforum.com/programming/959-css-dropdown-menu-made-only-css.html

Here is a sample of a css based dropdown menu, no javascript is used to build this menu. Hope you guys will like it.

NOW caste your vote ONLINE

http://mapapps.rediff.com/elections/elections.php

As the votes gather across the nation, you will find that the constituencies change colour, ultimately leading to India draped in the political colours of your choice.

So what are you waiting for, go ahead and play...

Flash vs. Silverlight: What Suits Your Needs Best?

http://www.smashingmagazine.com/2009/05/09/flash-vs-silverlight-what-suits-your-needs-best/

Best Practices for Speeding Up Your Web Site

http://developer.yahoo.com/performance/rules.html

The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 34 best practices divided into 7 categories.

Open Source Flash Chart in PHP

http://teethgrinder.co.uk/open-flash-chart/

Easy to integrate.

HRA: How is it calculated, and more

http://specials.rediff.com/money/2009/apr/09sld1-how-is-hra-calculated.htm

Web Trend Map 4 - Final Beta

http://informationarchitects.jp/web-trend-map-4-final-beta/

Now, get I-T details like a bank statement

Just as your savings account, you can now check your income tax status online. In a move that will help an individual keep abreast with his tax details, the income tax (I-T) department has started furnishing annual tax statements directly to taxpayers.

One can also view tax details online by going through a one-time registration on the website hosted by the tax authorities and the National Securities Depository. “In case of electronically filed returns, the income tax department is sending the tax credit statement by email to individual taxpayers. The facility will enable proper credit of taxes paid, without the need to file paper evidence for the same,” said Shishir Jha, commissioner of income tax and official spokesperson of Central Bureau of Direct Taxes (CBDT).

It would also help identify cases of mismatch in data and enable taxpayers to detect taxes paid or deducted and paid on their behalf but not actually credited to their account.

In case of missing entries or entries against which unmatched is indicated, the individual can contact the tax deductor/collector to ascertain whether there was a mistake in quoting the PAN (personal account number), not filing the

TDS (tax deducted at source) return or not paying the TDS to the government.

Jayesh Sanghvi, tax partner, Ernst & Young, said, the initiative will allow taxpayers to check their tax account online like a bank account.

The statement will be relied upon by the I-T department while giving tax credit at the time of processing of I-T returns, although he added that there are issues of data security.

Tax authorities had last year dispensed the requirement of attaching

Form 16 while filing of tax returns. All one has to do is to fill in the required form. “Earlier, Form 16 (tax statement issued by the employer) used to be so crucial, but with online statements, Form 16 will cease to be as important as it used be,” Sanghvi said, adding that even if one loses Form 16, the taxpayer will not have to go through the hassles of requesting the employer to re-issue it.

However, Praveen Kapoor, a Gurgaon-based chartered accountant, said it will take some time for Form 16 to be completely pushed out of the system.

At the government end, the electronic management of tax data has reduced paperwork. According to Jha, there are more than 900,000 deductors whose data on taxes collected/deducted and paid to government are now available online. The data is stored digitally.

Microsoft Announces Super Preview for IE Browser Testing

Hello fellow design gurus... Thought we all might like to have a squiz:

 

Article: http://www.webdesignerdepot.com/2009/03/microsoft-announces-superpreview-for-ie-browser-testing/

 

App: http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en

Tenure Calculator

If the interest rate on your home loan was increased without any change in your EMI, you can use the calculator below to calculate how long will it take you to pay off your loan and how much interest you will end up paying. 

Unveiling the "Sixth Sense," game-changing wearable tech

World built upon folksonomy and collective intelligence will be one heck of a stereotype. Identify any person with the tags, rather than not see them as who they are.....? :(

Firebug errors

Don’t know if anyone else is affected with this or not…but if you’re seeing repeated errors in your Firebug console from nsSessionStore.js, it looks like it can be fixed by following the advice in comment 5.
On my machine running FF 3.0.7, the relevant file was C:\Program Files\Mozilla Firefox\components\nsSessionStore.js and the offending line of code was 1909.

Why software product startups fail and what to do about it

Most valuable information.
Usefull for startup companies.

Virtual site for kids

Nice site. Kids will mostly enjoyee

Online mini photoshop & Dreamweaver tool

By using below tools, now you can do design work from anywhere (From cybercafe as well). All the necessary basic functionalities are there.
Online Dreamweaver - http://htmlplayground.com/
Online Photoshop - http://www.pixlr.com/editor/
Above all, no dependency on Adobe suit for basic work. Interesting...
For Developers - No more dependency on designers.
For Designers - Beware!

Content Aware Image Resizing

Adobe Creative Suite 4

iPhone Interface PSD File v1.0

http://320480.com/

Browser Form Elements PSD

http://www.teehanlax.com/blog/?p=945

iPhone GUI

http://www.teehanlax.com/blog/?p=447

Check browser compatibility online

Check browser compatibility online - http://www.browsershots.org