Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 602
  • Last Modified:

best tools for front end development HTML,CSS, JavaScript, cross browser compatibility, W3C compliance

I would like to know what tools do you recommend for front end web development/debugging?

I.e. HTML,CSS, JavaScript, cross browser compatibility, W3C compliance, front end web development

The main ones I use are:
- Firebug
- IE Tab (for cross browser compatibility)
- IE Web developer toolbar
- Firefox Web developer toolbar
- Bobby (for checking W3C compliance)
- W3C's own HTML and CSS validators

Any others?






0
jeremyll
Asked:
jeremyll
4 Solutions
 
chapmanjwCommented:
That is about all that I use.  I would also add YSlow or the Google Page Speed Analyzer for FireFox.  They help you identify slow loading components.  Also, http://www.websiteoptimization.com/services/analyze/ can be used to help you identify how many objects are being loaded, what can be consolidated, etc.
0
 
Cornelia YoderArtistCommented:
PHP & MySQL For Dummies, Valde, Janet, Wiley Publishing, ISBN 0-470-09600
http://www.amazon.com/PHP-MySQL-Dummies-Computer-Tech/dp/0470096004/ref=pd_bbs_sr_1?ie=UTF8&s=books&qid=1209218475&sr=8-1

PHP Bible, Converse, Tim and Park, Joyce, Wiley Publishing, ISBN #0-7645-4955
http://www.amazon.com/PHP-Bible-2nd-Tim-Converse/dp/0764549553/ref=sr_1_1?ie=UTF8&s=books&qid=1209218851&sr=1-1

SAMS Teach Yourself MySQL in 21 Days, Butcher, Anthony, SAMS Publishing, ISBN# 0-672-32392
http://www.amazon.com/Sams-Teach-Yourself-MySQL-Days/dp/0672323923/ref=sr_1_1?ie=UTF8&s=books&qid=1209218887&sr=1-1

PHP and MySQL Web Development, Welling, Luke and Thomson, Laura, SAMS Publishing, ISBN# 0-672-32672
http://www.amazon.com/PHP-MySQL-Development-Developers-Library/dp/0672326728/ref=sr_1_1?ie=UTF8&s=books&qid=1209218925&sr=1-1

Build Your Own Database Driven Website Using PHP & MySQL, Kevin Yank
http://www.sitepoint.com/books/phpmysql1/
0
 
chapmanjwCommented:
Ahh, almost forgot, it is important that your page renders without any images or CSS.  I usually test this with a text-based browser, like Lynx.  This ensures your page is well organized so that it can be viewed by any browser (whether or not they support images, CSS, javascript, etc) and can be read by a screen reader.
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
Dave BaldwinFixer of ProblemsCommented:
Every browser you can run on your computer.  The 3 basic varieties are Microsoft/IE, Gecko/Firefox, and Webkit which is Safari and Chrome.  And of course the IE6/7/8 problems soon to include IE9.  IE8, Safari and Chrome also have web development tools in them.  The biggest advantage of them is that they look at the page thru the DOM, not from the source code.  A couple of times I've opened the Developer Tools in IE8 only to see that there was no body tag on the page.  Once was a comment tag that wasn't closed.  The page displayed in Firefox but not in IE, Safari and Chrome.
0
 
MorrisprojectCommented:
Adobe Browser Lab, a great addition for cross browser compatibility. It comes with an onion skin view so you can see how different browsers display the website and on different OS.

I also use IE tester: http://www.my-debugbar.com/wiki/IETester/HomePage
For testing the awkwardness that IE continues to bring to us.

I use page speed addon to firebug : http://code.google.com/speed/page-speed/

I use Xenu for link checking : http://home.snafu.de/tilman/xenulink.html

Also Acunetix Web Vulnerability Scanner 6 for scanning for flawls, hackable areas, links etc : http://www.acunetix.com/cross-site-scripting/scanner-download.htm?gclid=CLWEp6iC0qMCFeFc4wodsH8swA

Thats about it I reckon

0
 
alirezasaberiCommented:
IE tester.Great tool for check your page in all version of Internet Explorer
0
 
coolminds77Commented:
HTML Tidy for firefox, IE tester for multiple Internet Explorer versions
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now