Resources for Web Developers and Designers

Recently, I’ve been going back to college to finally get my degree in Web Development. For a teacher, I gathered links that I had used in my work out in the field. Here is a collection of everything I could think of.

Firefox Add-ons
Web Developer: https://addons.mozilla.org/en-US/firefox/addon/60
The ability to view table structures, CSS element information, change the view size of the browser to certain resolutions. Also has a JavaScript console for viewing errors. Indispensable, must-have tool.

ColorZilla: https://addons.mozilla.org/en-US/firefox/addon/271
Pulls colors from webpages with a dropper tool, gives hex and RGB values.

Websites
Godaddy: http://www.godaddy.com
The best and cheapest web registrar. Get domain names, hosting and other cool stuff with your purchase.

RetailMeNot: http://www.retailmenot.com
Find checkout codes for discounts on any ecommerce site.

Instant Domain Search: http://www.instantdomainsearch.com
Instantly search for available domains.

SquareSpace: http://www.squarespace.com
Easily create high quality websites with live CSS changes and layout changes. Their hosting will survive a GIANT amount of traffic. Be sure to check out the videos of the designers recreating famous websites and blogs in a matter of minutes.

W3Schools: http://www.w3schools.com/
THE best place to find standard tutorials for web development. Every web technology is represented here. This is a must-have resource for modern developers.

W3 Validator: http://validator.w3.org/
Validation service for W3 standards. This is a great tool for finding errors in your site, and why things look all messed up. I use this multiple times every day.

Google Webmaster Tools: http://www.google.com/webmaster/
Tools for easily viewing the way Google crawls your sites. Also can submit sitemaps for easy indexing from the Google Bots.

Stack Overflow: http://stackoverflow.com/
Unparalleled community for asking questions about any programming language, and easy search functions to see if your question has already been answered. Kind of a Digg for developers.

Cheat Sheets for Front-End Developers: http://sixrevisions.com/resources/cheat_sheets_web_developer/
Awesome stuff.

Bookbyte 468x60 Banner

Scripting Help
PHP.net – http://www.php.net/
The best resource for the PHP scripting language. Pretty much, if you know what you want a function to do, type it into the search box, and you will get a function and a description.

MySQL Manual- http://dev.mysql.com/doc/refman/5.0/en/index.html
A great resource for finding out the functions and syntax of using MySQL.

Blogs
Coding Horror – http://www.codinghorror.com/blog/
Coding Horror is a blog that addresses various issues with writing software. More recently, the posts have been centered around building web applications, like the author’s Stack Overflow project.

The Official Google Webmaster Blog – http://googlewebmastercentral.blogspot.com/
This blog provides information about setting your sites up to be more compatible with Google’s automated search functions, allowing your site to get more exposure.

Design Resources
Colr.org: http://www.colr.org
Setup and use color schemes from existing pictures, and user-submitted color schemes.

55 Free High Quality Icon Sets: http://www.smashingmagazine.com/2008/07/02/55-free-high-quality-icon-sets/
Free icons for use with your computer or website. Some icons cannot be used for commercial purposes, check each set for specific rules.

40 CSS Layout Tutorials: http://www.noupe.com/css/css-layouts-40-tutorials-tips-demos-and-best-practices.html
Tutorials for dealing with CSS layout design.

JavaScript Graphing/Charting for Data on Web Pages: http://sixrevisions.com/javascript/graph_chart_plot_data_javascript/
Different tools for developing charts and graphs for data on webpages.

Themed Fonts: http://www.typenow.net/themed.htm
Fonts of certain themes.

1001 Free Fonts: http://www.1001freefonts.com
All kinds of free fonts. This is the site I use personally for fonts when doing a design project. (Far more than 1001 fonts there)

300+ Vintage Style Textures and Photoshop Brushes: http://designreviver.com/freebies/300-vintage-style-textures-and-photoshop-brushes#more

400+ High Quality Patterns: http://designreviver.com/freebies/400-high-quality-patterns/

Development Programs:
Notepad++ (Windows): http://notepad-plus.sourceforge.net/uk/site.htm
A Notepad-like text editor with tabbed interface. It supports syntax highlighting and folding for TONS of languages, including XHTML, CSS, PHP and C++.

BBEdit (Mac OS X): http://www.barebones.com/products/bbedit/
Pretty much the same stuff as Notepad++, but for OS X. It is pay software, but there is a trial for it.

gEdit (Linux): http://www.gnome.org/projects/gedit/
Same as the other two, but for Linux. Wonderful feature set, and very fast and easy to use.

Other Tools
Slim Timer – http://www.slimtimer.com/
Slim Timer allows you to keep track of the amount of time that you are working on specific projects. This is a great resource for freelancers and code monkeys alike.

GTD Agenda – http://www.gtdagenda.com/
GTD Agenda is a web application that provides an interface to help you keep track of your tasks, next actions, goals and projects. See my review here for more information.

If anyone has any other good resources, leave a comment, and I’ll add it to the list after checking it out.

  • http://web-hosting-pro.com Jim Spence

    Wednesday In searching for sites related to web hosting and specifically ecommerce en hosting language web, your site came up.