WEBAPPERS

WEBAPPERS is the best web resources for web developer. I think it's very useful resources.

It's a quote from Ray Cheung the man behind of WEBAPPERS.

My name is Ray Cheung. I am a freelancer of designing websites and web applications with over 10 years experience. As a freelancer, we have to reduce the cost of development. Therefore, we need to find some open source resources to aid our development. I have spent large amount of time of researching on the internet in order to look for some high quality and free resources for web developers. Now I would like share all my findings in WebAppers. Hope you can enjoy them.

A FRAMEWORKS FOR DESIGNERS

A FRAMEWORKS FOR DESIGNERS | A good and very useful article for designer.

These days, “framework” is quite a buzzword in web development. With JavaScript frameworks like the Yahoo User Interface library, jQuery, and Prototype getting a lot of attention and web application frameworks like Rails and Django getting even more, it seems like everyone is using some kind of framework to build their sites. But what exactly is a framework? And are they only useful to programmers, or can we web designers benefit from the concept, as well?

The bottom line is that we web designers, just like our friends in the programming world, tend to repeat ourselves often. We find ourselves resetting the browser default styles, setting up a baseline grid and writing CSS for navigation tabs over and over again—on almost every project. Taking a bit of time out to abstract some of these idioms into a framework that you can utilize on every site you build will get you off to a faster start, make for easier maintenance, and help the other designers on your team understand the decisions you made. With a bit of care, these benefits can be realized without adding bloat or hurting the performance of a website.
(ALA)

FREE PHOTOSHOP STYLE READY FOR WEB 2.0 DESIGN

A set of Photoshop styles (.ASL) for web 2.0 webdesign style. This is very useful for web designer that need to speed up design process, you just click what style that you need to apply to your design element (layer, button, etc). This set of Layer Styles could be the fastest way to create Web Elements like Buttons, headers, Content Backgrounds and a lot other stuff, many many thanks to Navdeep

He also create a set of Web 2.0 gradient .

ICONFINDER

ICONFINDER | Worlds largest icon search engine. Yup here you can find icon that you need, and you can download it in various size and background. Very useful and saving time.

POPURIUS

POPURIUS | A tool to check at-a-glance the link popularity of any site based on its ranking (Google PageRank, Alexa Rank, Technorati etc.), social bookmarks (del.icio.us, etc), subscribers (Bloglines, etc) and more!. You can show your web popularity using their widget too.

Form field hints with CSS and JavaScript

Form field hints with CSS and JavaScript | It's a basic example of how helpful a little JavaScript and CSS can be in a form. Instead of the input hints always showing and potentionally cluttering a very simple form, only the hint for the currently focused input will show. This article will show a way to do this. Go straight to the final example to see it in action, and to download a zip of the html, css, js, and images used. (via askthecssguy.com)

KULER

KULER | Color tools from Adobe Labs. You can create color themes, name it, share it, rate it and download it. With better user interaction approach and interface make this tools more fun than colourlover.