Sep 22, 2009

Web Development - Useful Links

Free tools



  • haXe - client/server to JS, Flash, or Neko

Web design tools


Ad blocking


Single site browsers tools
ATF - AJAX Toolkit Framework (ATF) from Eclipse provides and extensible framework and exemplary tools for building IDEs for the many different AJAX runtime offerings (Dojo, Zimbra, Rico, etc) in the market (

Curl - a full-featured and robust technology beyond HTML and JavaScript, enabling the development of very rich Web client applications(

Echo - a platform for building web-based applications that approach the capabilities of rich clients (

Eclipse RCP - a platform for building and deploying rich client applications (

Ext JS - a cross-browser JavaScript library for building RIAs (

Google Web Toolkit (GWT) - an open source Java software development framework that makes writing AJAX applications like Google Maps and Gmail easy for developers who don't speak browser quirks as a second language (

Grails - an open-source web application framework that leverages the Groovy language and complements Java Web development (

Kabuki - the Kabuki (a.k.a Zimbra) AJAX Toolkit is a client developer library, similar in style to traditional object-oriented widget libraries like Eclipse's SWT, albeit for JavaScript (

Nexaweb Enterprise Web 2.0 platform - a robust, scalable application deployment solution that supports the delivery of rich, secure, mission-critical business applications to users around the world via the Web (

Novulo - an award winning visual web development solution for rapidly building and easily deploying AJAX-based web applications - starting with the user interface, the real screens that customers are going to use. Novolu generates the application from the user interface, and deploys them automatically on any LAMP or WAMP server (

Prototype - a JavaScript Framework that aims to ease development of dynamic web applications - features a unique, easy-to-use toolkit for class-driven development and the nicest AJAX library around (

Ruby on Rails - a full-stack framework for developing database-backed web applications according to the Model-View-Control pattern. From the AJAX in the view, to the request and response in the controller, to the domain model wrapping the database, Rails gives you a pure-Ruby development environment. To go live, all you need to add is a database and a web server (

Seam - a powerful new application framework from JBoss for building next generation Web 2.0 applications by unifying and integrating technologies such as AJAX, Java Server Faces (JSF), Enterprise Java Beans (EJB3), Java Portlets and Business Process Management (BPM). (

Silverlight - a cross-browser, cross-platform plug-in for delivering the next generation of media experiences and rich interactive applications for the Web (

ThinWire Ajax RIA Framework - a framework for building zero footprint AJAX browser applications that feel like desktop GUI applications. Program AJAX on the server, using an event driven GUI model that reconnects program logic (

TIBCO General Interface - an open source project focused on enabling rapid creation of reliable AJAX applications, components and portlets with the look and feel of desktop graphical user interface applications (

ULC - UltraLightClient from Canoo is a library to develop Rich Internet Applications (RIA) in Java. It uses Swing on the client, standard communication protocols set by the J2EE container, and standard lifecycle management on the server (

WaveMaker - enables the visual assembly and rapid deployment of Web 2.0 applications that meet enterprise IT requirements (

Yahoo! User Interface (YUI) Library - a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX and also including several core CSS resources (

Zend Framework - leading open source PHP framework, focused on building more secure, reliable, and modern Web 2.0 applications & web services, and consuming widely available APIs from leading vendors like Google, Amazon, Yahoo! and Flickr (

ZK - an open-source AJAX Web framework that enables rich user interface for Web applications with little programming.

Color Selectors:
ColorJack, let's you select color palettes by dragging on a color wheel.

Color Palette Generator, creates a palette of colors that predominate in a pic that you choose.

Color Scheme Generator, lets you make color patterns in a visual and easy way.

Kuler, a free Adobe tool that lets you create your colors or choose the most popular and rated by the public.

Colour Lovers, choose between the most rated palettes.

Names of colors in html, Do you want to know the name of your favorite color? Here you will know the name and you'll be able to pick it for your web.

Color Blender, you choose two colors and the program gives you the intermediate ones.

Logo Makers:

Cool Text, generates awesome logos in a fast and easy way.

Logo Maker, reflects your logo like in water.

Button Generators:

Web 2.0 Badges, fun badges with the colors, fonts, shapes, that you want.

My Cool Button, easy button generator. With shade and reflection effects, and rounded borders.

Brilliant Button Maker, make those small two colors buttons that so many people like.

The Original I Love Your Image Generator, really fun and original, and you will surprise everyone.

Rounded Corner Generators:

RoundedCornr, helps to create rounded corners with gradients.

Spanky Corners, creates rounded corners through CSS, really easy.

Background Makers:

BestAnimation's Backgrounds, allows to make really amazing backgrounds.

All Free Backgrounds, you can choose a background by color, texture...

bgMaker, has a gallery of designs and you can pick a background color that you like.

Custom Games For Blogs:

Pictogame, surprise your visitors with a fun game based on your photo or someone else's. Imagine your boss, teacher, with his face full of spots, or kick'em... LOL & LOL

PlayMyGame, another game creator that allows you to have fun sending your game through email, or publishing it in your blog, website or MySpace.
Free Scripts:

Dynamic Drive, awesome scripts for your site, from mouse pointer effects like moving stars to slide shows, scroll effects...
They just give you the code, and you have only to copy and paste. DHTML and Javascript.

Hot Scripts, has any kind of scripts, from easy ones to those that require a bit more of knowledge.

The PHP Resource Index, are applications in PHP that you can include in your website.

Visitor Maps:

Frappr, gives a visitor map that also includes guestbook and hit counter.

MyGuestMap, uses Google Maps and you can integrate it with Flickr.

Public Domain Photos:

Morguefile, big size pics, organized by topics, of high quality. They are copyright free, and with very original content.

ImageAfter, all kind of pics. You can find textures, nature...

Free High Resolution Photos, very original photos that you can use freely.

Copyright Free Photos, maybe they are not too big, but they are useful and nice.

Free Fonts:

1001FreeFonts, more than 6,000 fonts classified by categories: retro, graffiti, comic, medieval...

Absolute Fonts Archive, free fonts classified by name. Remember that if you are going to use them commercially you should look the readme file.


Chatango, put a chat in your site with voice, emoticons, avatars, public or private...

Popuri, show how popular is your site in a widget.


PHPMyVisites, is a system to count your visitors with very good graphics. It has a very interesting option that is to see where your visitors click on your page more often with colors.

AWStats, a very popular statistics system.

Firefox Extensions:

Xinha Here!, if you have no idea of HTML and you need to edit something online, you can use this plugin to do it visually. You can also use it in forum posts or in your profile.

Save as Image, lets you save a website like a big image. It is useful to see your website shape and color as a whole.

Fantasy Name Generator, sometimes your nicknames are already taken everywhere. If you don't know what nickname to choose, maybe this generator may help you to find fun and original names. It is useful even to choose your dog's name!!!

Instant Blog Post, if you have to publish a new post today and you don't know what to write, maybe this can help. Really fun.

Flickr Color Selectr, you choose a color and it shows you photos with these colors. Maybe this can inspire you.

Great tool for a graphics designer.

Crayola Coloring Application, allows you to make drawings and print them later. For your moments of inspiration.

Optimization Tools:

Browsershots, your page's design can be a little different in other operative systems and browsers. Browsershots is a site that makes a pic of your website as it is seen in many different computers. That way you can be sure that your web has no errors and has the same aspect for all the people.

PPC Ad Center, a search engine optimization (SEO) tool. It helps you to choose keywords for your site, see the speed it loads, see your rank in search engines... Easy tools to make your web more often found by visitors.

Image Tools:

ImproveYourImages, do you have an image that needs improvement? You can do it there for free.

Gallery, a photo gallery that you can use in your website.

Ajaxload, customize a image to show while something in your web is being loaded.

web sites


NETTUTS is a recently launched blog/tutorial site that provides "spoonfed web skills". There are already plenty of useful and detailed tutorials that range from offloading static content to Amazon S3 to creating a beautiful tabbed content area using jQuery. NETTUTS is perfect for developers just starting out, since the tutorials are very thorough and in a "step by step" format. For more advanced developers, it’s an excellent source of inspiration and learning new techniques.

2. woork

Woork is a blog by Antonio Lupetti, a developer from Italy. He provides short, easily-consumable tutorials on various topics of web development such as PHP, Cold Fusion, JavaScript, and CSS. His knack for creating beautiful tutorials, chock full of custom-made images that illustrates the concepts he talks about is a testament to the detail and "work" that Antonio puts in each of his posts. Check out his awesome tutorial on a "Top-Down approach to simplify your CSS code" where he explains his preference on creating and formatting stylesheets.

3. Web Designer Wall

Web Designer Wall is a blog by Nick La that features design ideas and elaborate, stunning tutorials such as creating a CSS gradient Text Effect - a technique that uses an image overlay over normal XHTML text, and jQuery tutorials for designers which showcases ten techniques to get you started with jQuery.

5. Vitamin

Vitamin offers a large amount of information on the topic of web development and design. With many contributors, Vitamin manages to cover a wide range of topics including Ajax, CSS, development techniques, best practices, and workflow management.

6. Wake Up Later

Wake Up Later is the blog of Samuel Ryan, a freelance web developer/designer. Rather than covering specific web development techniques or providing tutorials, he talks about general web development related things such as reasons not to write your own code, tips on improving productivity, and common design mistakes made by developers.

7. is run by Jonathan Snook, an icon in web development and design. His blog provides tutorials and articles about PHP, JavaScript, and more recently (the blog dates back to 2001), Adobe AIR. He also provides useful resources and bookmarks that are worth a read, and talks about things that are part of being a web developer such as project management via email and maintaining your personal brand online.

8. Signal vs. Noise

Signal vs. Noise is a design/usability company blog by the people over at 37 Signals - known for developing remarkable web applications such as BaseCamp and their involvement in the popular open source web application framework, Ruby On Rails. The blog gives insights about being a productive and effective web application developer and keeping things simple, with entries such as "Workaholics fixate on inconsequential details" and "Sleep deprivation is not a badge of honor".

9. adaptive path blog

adaptive path’s company blog offers news and posts on the topic of user interface design. There’s a variety of useful posts that cover the topic of creating user-friendly designs (not limited to just web applications). Some things the adaptive path crew writes about are "Tips for presenting the look & feel to a client" and "The Lure of the Single Click".

10. Tutorial Blog

Tutorial Blog provides handy tutorials, resources, and lists on various web development and design topics such as code snipplets for web designers, using layer comps in Photoshop to manage designs, and Flash tutorials. Tutorial Blog has a section on user-submitted tutorials which allows readers to share their own tutorials.

11. WebAppers

WebAppers is a blog created by Ray Cheung, a freelance web developer. The premise of WebAppers is to provide news and resources related to open source and free applications that are useful to web developers and designers. From cost-free fonts and icons to navigation menus and image galleries, WebAppers seeks to hunt down useful tools and applications aimed at reducing your time developing custom solutions.

12. Web Resources Depot

Web Resources Depot is similar to WebAppers - it discusses new web resources that web developers and designers may find helpful. Web Resources Depot is an excellent way to stay up to date with what’s currently available out there all in one place.

13. Ajaxian

With continual advancements in Ajax, it’s imperative to keep up to date with modern techniques and news. Ajaxian is the leading Ajax community run by some of the biggest names in the field. You’ll find information, reviews on JavaScript frameworks, helpful tools, and server-side technology specific (like PHP, RoR, and .NET) articles. If Ajax news and information is what you’re looking for, you can be sure to hear about it from Ajaxian.


DZone is a social news site for developers. Users share links related to development and can vote on submissions (very much like Digg but limited to developer links). You can subscribe via RSS to various pages and sections such JavaScript, Flash/Flex, or databases if you want to get instant updates to things specific to your interests.

15. Design Float

Design Float is social media site created for web and graphics designers. Like Dzone, people get to vote up submissions. You’ll find stuff about CSS, HTML, and Photoshop submitted to Design Float.

16. IBM’s developerWorks

With the name camel-cased, you already know off-the-bat that it’s a great site for developers. developerWorks offers many articles and tutorials pertaining to development topics, not just about web development, but also on related fields such as systems administration and open source technologies and applications. developerWorks has a knack for writing about complex topics and boiling it down to consumable, understandable articles. Some of my bookmarks include "Debug and tune applications on the fly with Firebug" (an introduction to Firebug) and the "Make PHP apps fast, faster, fastest" series.

17. is a social bookmarking site where members can post bookmarks to keep and share. It’s not strictly for web developers but you can monitoring specific tags such as webdev, development, or javascript.

18. Sharebrain

Sharebrain is site that shares useful resources for web workers. You can find resources and tutorials on various web development and design topics such as Photoshop tutorials, Usability, SEO Tools, CMS’s, and interviews.

19. Style Grind

Style Grind shares useful news and information about web technologies and designs. Resources and news reported by Style Grind include a variety of web development and design topics such as updates on Erik Meyer’s CSS Reset and new plugins for jQuery.


Your value as a web developer increases when you’re proficient in design as well. Some examples would be Wordpress theme developers who not only know how to develop themes, but can also design them. PSDTUTS is a great place to improve on Photoshop skills and is a site I follow to learn more about graphics/web design.

21. Design Reviver

Design Reviver is aimed at providing useful information for web designers. You can visit to read tutorials such getting started with 3D in Flash, to get free downloads like Photoshop brushes, and to find design inspiration.

22. Blog.SpoonGraphics

Blog.SpoonGraphics is a blog about graphics and web design created by Chris Spooner, a graphics and web designer. You can find many tutorials on Adobe Illustrator and Photoshop, free, downloadable resources like “Sliding Door” tab menus, articles for inspiration, and news.

23. John Resig

John Resig is the self-titled blog of John Resig - a premier JavaScript developer and author most known for his creation of jQuery, a popular JavaScript framework. John Resig’s blog shares his thoughts about JavaScript development and web applications. It’s where I found out about the release of his new project: Processing.js (a JavaScript port of the Processing programming language) and where he voiced his thoughts on Google Doctype.

24. Boxes and Arrows

Boxes and Arrows is all about best practices, innovations, and trends in the topic of design - including information architecture, graphics design, and user interaction design. You can read about findability (how people look for information), counter-arguments of front-loading information above the fold, and web accessibility.

25. PHPDeveloper

PHPDeveloper brings together news and resources about PHP from blogs and sites that cover PHP. You’ll find reports varying from PHP video tutorials to interesting developments over at Zend.

26. Coding Horror

Coding Horror is a very popular blog (over 100,000 RSS subscribers!) by Jeff Atwood, a software developer. He talks about web development too, posing questions such as Is HTML a Humane Markup Language?, discussing Amazon S3’s viability to host images, and sharing information on versioning databases.

27. O’Reilly Network

The O’Reilly Network by O’Reilly Media (publisher of development books) features articles and blogs pertaining to web development and open technologies. Some recent articles include Creating Applications with Amazon EC2 and S3 and Getting Started with the Google App Engine. Some blogs that are part of the O’Reilly Network include (for Windows Developers), (topics cover the Java language) and (which talks about Linux, Apache, MySQL, and PHP).

28. Google doctype

Google Doctype is Google’s new project that will include entries "by web developers for web developers". Currently, it doesn’t have very many articles, but it’s certainly a resource to follow in the upcoming months.

29. Web Monkey

Web Monkey - the web developer’s resource is back! Though they’re just getting back to the swing of things, it’s definitely a website to keep track of.

30. Digital Web Magazine

Digital Web Magazine is the online magazine for web professionals (web designers, developers, information architects). You can find many things included here such PHP, Web Standards, and Programming.

Other notable sites to check out

  • 24 ways - an annual collection of 24 development and design articles by some of the leading website builders.
  • Noupe - Provides news and resources on web design and development.
  • Vandelay Design - a blog on web design and development by Steven Snell, who contributed to Six Revisions last month.
  • CSS Globe - Community-driven website on web standards.
If you’re looking for your favorite site and it’s not included here, check out something I wrote few months back called "20 Websites That Made Me A Better Web Developer" which talks about popular sites like A List Apart and 456 Berea Steet.

Because of the sheer quantity of great websites out there, I simply can’t talk about and share all of them (I wish I could), so I encourage you to share your own favorites in the comments section with the name, link, and a short description. In about a week, I’ll update this post with your suggestions. Thanks!

For me it’s easy to twitter-follow instead of all this stuff. He/she knows what’s really interesting. is another good one with some cool video podcasts.


99 Sites All Designers should know about

Vandelay Website Design

@Jason Bartholme: Vandelay Design is awesome, and Steven and I have guest posted on each other’s blog. Here’s his post on Six Revisions, and here’s mine on Vandelay Design, if anyone’s interested. and



Design Float


A List apart


Design Reviver


Atomic Design LLC

Blue Rue Studio Photography



21st Century Software Solutions said...

Tibco Administration Online Training
Tibco BPM Online Training
Tibco Business Studio, AMX Online Training
Tibco BW/EMS Online Training
Tibco Developer Online Training
21st Century providing Online training and support on All Technologies. If you are seeking training and support you can reach me on 91-9000444287. Online training by real time Experts. Call us 001-309-200-3848 for online training

Text Widget

Copyright © Vinay's Blog | Powered by Blogger

Design by | Blogger Theme by