links - web dev tools

Programs, add-ons, and websites that help you make web pages better.

Do you have more to add? Please let us know at the contact form

addons and apps

10 Big Time-Saving Tools for Web Designers [and Developers!] http://www.sitepoint.com/blogs/2010/02/02/10-big-time-saving-tools-for-web-designers/ "Become more productive by letting the computers do the boring bits." SpriteMe, YUI Grid Building, Accessify Forms and Tables, Gradient image makers, Typography Preview, CSS check with XRAY, CleanCSS. Meitar Moscovitz - Sitepoint : February 2010
13 Firefox Add-ons for Web Development http://www.sitepoint.com/blogs/2009/07/21/13-firefox-add-ons-for-web-development/ "There are a lot of really handy tools for FTPing, coding, checking your work and so on." Meitar Moscovitz - Sitepoint : July 2009
19 Firefox Add-ons for Designers [and Developers!] http://www.sitepoint.com/blogs/2009/08/17/firefox-add-ons-for-designers/ "Thanks to the enormous Firefox add-on development community, your web browser can do almost everything for you." Add-ons focused towards colors, sizes etc. Very useful. Meitar Moscovitz - Sitepoint : August 2009

colors

Color Scheme Generator http://wellstyled.com/tools/colorscheme2/index-en.html Shows all kinds of combinations of colors that go well together. Petr Stanicek : 2006
Super Color Chart http://zspc.com/color/index-e.html See how different colors of text and background will look. zspc.com :

debuggers

FireBug - Firefox extension http://www.getfirebug.com/ "All of the tools you need to poke, prod, and monitor your JavaScript, CSS, HTML and Ajax are brought together into one seamless experience, including a debugger, an error console, command line, and a variety of fun inspectors." Joe Hewitt : 2007
FireBug download http://addons.mozilla.org/firefox/1843/ "All of the tools you need to poke, prod, and monitor your JavaScript, CSS, HTML and Ajax are brought together into one seamless experience, including a debugger, an error console, command line, and a variety of fun inspectors." Joe Hewitt : 2007
FireBug Lite - for other browsers http://www.getfirebug.com/lite.html How to use Firebug in Internet Explorer, Safari, Opera, and other browsers Joe Hewitt : 2007
Firefox for Rapid Web Development and Testing http://www.ariadne.ac.uk/issue42/lauke/ "A quick look at Firefox points out useful features and extensions for Web developers." Patrick H. Lauke : 2005
Firefox Web Developer Toolbar http://www.ariadne.ac.uk/issue44/lauke/ "A quick outline of how Mozilla Firefox and the Web Developer Toolbar can help" with checking your website. Patrick H. Lauke : 2005

favicon

Create a better favicon for your website http://www.onextrapixel.com/2010/10/06/pixel-art-create-a-better-favicon-for-your-website/ How to make a favicon, from scratch. Kayla Knight - One Extra Pixel : October 2010
Favicon from Pics http://www.chami.com/html-kit/services/favicon/ Generate a favicon with this online tool Chami.Com : 2006

hyphenating

hypho-o http://www.plazoo.com/en/tools.asp Online tool to put hyphens in text where you need them. Choose options and paste your text. Plazoo : September 2010
The look that says book http://www.alistapart.com/articles/the-look-that-says-book/ Discussion of history and usage of hyphens, how to use in pages, gory litle details — and info about hyphenator.js, javascript that hyphenates text content on the web page. A List Apart : September 2010

microformats

Rich snippets: testing tool improvements, breacrumbs, and events http://googlewebmastercentral.blogspot.com/2010/09/rich-snippets-testing-tool-improvements.html Special markup using microdata, microformats, or RDFa, to make site info more useful in Google search. Google : September 2010

placeholder text

Gangsta Lorem ipsum http://www.lorizzle.nl/?feed=1 When you are building a website, sometimes you need some "placeholder text" to fill in some fake content. An old old publishing habit was to use some "fake Latin" that looked like "Lorem ipsum hoc ident ..." Well now we have some "Fake Gangsta" to use instead! Lorizzle : 2010

testing

Cross-browser web captures http://www.browsershots.com/ See how your website looks in many browsers; free. BrowserShots : 2009
Run IE6, IE7, and IE8 on the Same Machine Using Windows 7 XP Mode http://articles.sitepoint.com/article/ie6-ie7-ie8-win7-xp-mode Windows 7 has a "Virtual PC" app so you can run different versions of MeSsIE to check your web pages. SitePoint : nov 2009
Speed Test http://www.websiteoptimization.com/services/analyze/ Analyzes the url you give them for loading time; gives suggestions for improving. This is an excellent service, really opens our eyes about the impact of images and coding on page download time. WebsiteOptimization.com : 2009
Test Everything http://tester.jonasjohn.de/ "100+ tools in one." Combines access to many online testing sites all on one page. Very nice. Jonas John : 2009

More web_dev_tools info on this site

[ to directory ]

Find this file at http://tibetangeeks.com/technologies/web_development/web_dev_tools-links.html

This page could not be here without: all the web warriors who ask questions so i can look up answers and put them here ... all the experts who write so we can find and learn ... Jeff Lebow for hosting ... TheFreeDictionary for cool word-lookup-clicking ... all the coders, standards-makers, and browser vendors who make up more great things we can do on the web ... Tim Berners-Lee for inventing this magical thing ... gnu linux | vi | bash to make me zoom ... all my sponsors who enable me to have the freedom to make it ... my tech teachers and my life teachers ... ... gee i don't know where to stop ... it's that interdependence thing, folks!