Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

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

Posted on 2010-08-23
7
Medium Priority
?
586 Views
Last Modified: 2012-05-10
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
Comment
Question by:jeremyll
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
7 Comments
 
LVL 21

Accepted Solution

by:
chapmanjw earned 500 total points
ID: 33507917
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
 
LVL 27

Expert Comment

by:Cornelia Yoder
ID: 33507923
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
 
LVL 21

Expert Comment

by:chapmanjw
ID: 33507925
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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 84

Assisted Solution

by:Dave Baldwin
Dave Baldwin earned 500 total points
ID: 33508630
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
 
LVL 4

Assisted Solution

by:Morrisproject
Morrisproject earned 500 total points
ID: 33509672
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
 
LVL 1

Expert Comment

by:alirezasaberi
ID: 33512577
IE tester.Great tool for check your page in all version of Internet Explorer
0
 

Assisted Solution

by:coolminds77
coolminds77 earned 500 total points
ID: 33519834
HTML Tidy for firefox, IE tester for multiple Internet Explorer versions
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

604 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question