Photo Credit: SMITHMag
Update #1 - March 14, 2008
Update #2 - September 22, 2008
Translated into Italian at Geekissimo
There is some amazing stuff out there on the Web–resources, tools, tricks, and tips. Problem is, as a Web developer, you spend so much of your time just keeping up with new technologies - learning, playing – and this doesn’t leave much time to go hunting for the latest and greatest tool, or for a better way of doing things.
So we’ve put together a list of over 100 resources to help make your life as a developer easier; where to find snippets of code, sites that automate processes, cheat sheets, lessons, useful tools and a couple of silly videos to give your brain a break if you make it through to the end. Please enjoy!
Photo Credit: Josh Lewis
CSS Templates for various page layouts
Easy Ajax and DOM manipulation for dynamic Web applications
Over 90 useful AJAX-based techniques you should always have ready to hand
DHTML and AJAX samples
Nice looking simple downloadable DHTML and AJAX code
A Wiki of reusable AJAX code, and huge AJAX resource
Mozilla Developer Center - AJAX
Mozilla’s offering on AJAX
Interactive CSS generator
Open Source Directory
An archive of the Web’s best Open Source software, applications and references.
Online tool to create .htaccess files
Create HTML Forms in seconds and get the code
Best Solutions for Images
30 scripts of impressive slideshows, lightboxes and galleries you can use for effective presentations of your images.
Lightbox is a simple unobtrusive script used to overlay images on a page
Design patterns and tips
101 Design Patterns and Tips for Developers
Creates CSS and GIF images for rounded corners
Nifty Corners Cube
Rounded corners with no images
How to redirect a Web page the right way
Don’t lose PageRank! Steven Hargrove gives you the code to redirect using htaccess, Mod_Rewrite, IIS, ColdFusion, ASP, Java, Perl, Ruby and PHP.
Photo Credit: Stavros Markopoulos
Send files of any size through any Web browser. No software to install, private and the recipient can start downloading while you’re still uploading
PHP FTP Synchronizer
Free program to update your website from local files
Dummy Text Generator
Generate text by number of paragraphs, words, bytes or lists
Open source CSS parser and optimizer
Open source utility for tidying up HTML
Free, secure, cross-platform FTP client for Mozilla Firefox
Free FTP client and FTP server
Firefox extension that finds unused CSS selectors
Get a color reading from any point within Firefox
FireFox IE Tab
Run IE inside Firefox
Let visitors change the font size on your site. XHTML, CSS, and PHP source available
Captcha helps prevent automated abuse of your site, ensuring only humans perform certain actions; free
Take a full sized screenshot of any Web page
Web Site Thumbnails
Get thumbnails of any Web site
A remote admin system that enables a user to control a computer over a network
Remote control another computer – free on weekends, otherwise $5 for 24 hours
Documentation and Reference
Photo Credit: Perreira
Ajax: A New Approach to Web Applications
The ultimate AJAX introduction
Cheat Sheet Round Up
Easily search sites for API documentation
Cascading Style Sheets made easy
The authority on RSS - from Harvard
RSS Best Design Practices and Icons
All things RSS including free icons
Go To and Learn
Free video tutorials on Flash
Optimize Your PHP code
40 Tips to optimize your PHP code
Optimizing MYSQL queries
10 Tips to optimize MYSQL queries
How to Create a Dynamic BlogRoll
Using Feedjumbler - it takes 5 minutes
Photo Credit: Sebastian Bergmann
Firefox extension to validate your HTML (as used within http://validator.w3.org/)
Checks for broken links in your HTML pages
Online testing tool; convert a full color page into grayscale to visually test contrast
Cross Browser Compatibility Testing
Check your site with multiple browsers on a single machine
Check out your site in different screen sizes
If you’ve ever noticed invalid characters or XML markup in content items, check your feed for validity problems.
Photo Credit: Marius
Tells you the application that is stopping you from deleting a file
Windows Dependency Walker
See which DLLs are required for Windows applications
Show files will be updated when you next restart Windows
View active processes – Task Manager on steroids
Monitors file system, registry and process/thread activity
Visual regular expression builder
Display size of files and folders graphically
wget for Windows
Takes a snap shot of your screen ($19.90)
Photo Credit: AndiH
Convert HTML to RSS
Generate an RSS feed for almost any Web page.
Convert RSS to HTML
Creates a widget displaying a specific RSS feed in HTML.
Binary to Base64
Create data streams for embedding images (or any type of file) in (X)HTML, CSS and XML
HTML To JS/PHP/Perl Converter
Text to Voice
Create an MP3 of a voice reading your text
Free PDF online conversion
Converts various files (DOC, PUB, RTF, XLS, PPT, HTML, JPG, PNG, BMP, TIFF, WMF, EMF, GIF etc.), to PDF online, then e-mails you the PDF
Web 2 PDF
Allow your visitors to create PDFs of any Web page
Text to Hex converter
Write your name in hex
Search engine for royalty free images (over 250,000 indexed)
Background Image maker - http://lab.rails2u.com/bgmaker/
Create background images online with this quick and easy tool
Lots of great free icons
Generate and preview animated GIFs, then download
216 Color Webmasters Palette
Web Safe colors for webmasters
The original Web Art
81. ASCII Generator
Image to ASCII
Convert images and text to ASCII
GNU Image Manipulation Program
Open Source vector graphics editor, similar to Illustrator and CorelDraw
Create Web 2.0 Badges (image –png)
Ajax lessons show you how to create a shiny Web 2.0 badge in eight easy steps
Smashups to create logos, backgrounds, buttons and menus.
Great looking resource with easy to identify licensing information.
Creates tab buttons on demand.
Photo Credit: Wessex Archaeology
Who is the Owner?
Find out who owns a Web site quickly
Google Banned Tool
Quick way to find out whether your URL is in Google’s banned database
Variety of products to see what people are doing on your site using a heatmap or just plain hard data. Pricing plans start with free accounts that let you track up to 5000 visits per month and four pages, up to Pro an offering for $99 per month that lets you track 250,000 visits per month.
A free way to ensure that your website is configured properly for Google Analytics.
Real Time Web Analytics - free for PC and Mac. Greater flexibility than Google Analytics
At-a-glance 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
Demographics for your site
Scans popular social websites to analyze your social popularity.
Highly configurable hit counter and real-time detailed web stats. Useful for European Web sites.
Clicky Web Analytics
Web analytics - nicely organised and oh so pretty.
How to create a WordPress theme
A 16 part series on how to build a WordPress theme from whoa to go
Highlight Author Comments
Matt Cutts shows you how to change the color of your own comments so they stand out. For WordPress
100 High Quality and Free WordPress Themes
Smashing Magazine has downloaded, installed, and tested hundreds of themes; these are their top 100 picks. Whether you are after design inspiration or coding solutions, this is the place to start
Photo Credit: Kevin
Up to 1GB free storage but monthly bandwidth restricted to 10GB, file size restricted to 10MB
Up to 5GB free storage. AOL sign-up required.
Up to 30 GB [25 GB media (phots/music/videos) and 5 GB non-media files]. BUT files are deleted if no login on the account within 90 days.
Up to 6GB free storage, but monthly bandwidth restricted to 20 GB, file size restricted to 100 MB.
Unlimited storage, but file size is limited to 600 MB, and files are deleted after 45 days. Unspecified download limits apply. Awful ads!
Up to 1GB free storage, but file size is limited to 50MB.
Use Google’s GMail 2 GB storage as your own private online storage with this Firefox extension.
Want another 3GB of free online storage? Why not make a private blog and use the space for your files!
Photo Credit: Robin Hutton
Shows you where you lie in the structure of IP addresses
Helps you find domains which are the combination of unusual TLD, directories and subdomains. For instance, http://l.id can be registered (from Indonesia)
Scratch – programming for kids
Want your little person taking over the family web development business? Let them play with Scratch. Developed by MIT
Internet World Stats
Comprehensive statistics about the Internet and Web
The next generation newspaper, FeedJournal turns your RSS feeds into a newspaper formatted PDF so you can print it out and read it anywhere - free
116. Windows Guides
You’ve made it this far - so a little silliness for your viewing pleasure - enjoy!
117. Music using ONLY sounds from Windows XP and 98! (approx. 2 mins)
118. Mac Parody (approx. 3 mins)
119. Ze Frank’s Punctuation Substitution (approx. 2 mins)
120. Wes Borg-Internet Help Desk Live (approx. 6 mins)
I’d love to see this list grow over time; get rid of defunct listings and add new and useful ones as I come across them, so if you know of any that should have been included (or if you think some are really awful) please let me know, and I’ll keep editing. With your help, I think this could be a great resource for tons of folk!