8
1 By Amr ElAdawy Web UI - Dev Tools

1 1 Amr ElAdawy Web UI - Dev Tools. 2 2 Agenda Objectives Firefox Add-ons IE tools. Introduction References

Embed Size (px)

Citation preview

Page 1: 1 1 Amr ElAdawy Web UI - Dev Tools. 2 2 Agenda Objectives Firefox Add-ons IE tools. Introduction References

1

ByAmr ElAdawy

Web UI - Dev Tools

Page 2: 1 1 Amr ElAdawy Web UI - Dev Tools. 2 2 Agenda Objectives Firefox Add-ons IE tools. Introduction References

2

Agenda

Objectives

Firefox Add-ons

IE tools.

Introduction

References

Page 3: 1 1 Amr ElAdawy Web UI - Dev Tools. 2 2 Agenda Objectives Firefox Add-ons IE tools. Introduction References

3

Objectives Inspect HTML DOM

Debugging JavaScript

CSS issues

HTTP Sniffing

Fix Errors

Page 4: 1 1 Amr ElAdawy Web UI - Dev Tools. 2 2 Agenda Objectives Firefox Add-ons IE tools. Introduction References

4

Firefox Add-ons

Page 5: 1 1 Amr ElAdawy Web UI - Dev Tools. 2 2 Agenda Objectives Firefox Add-ons IE tools. Introduction References

5

Firefox Add-ons

ColorZilla 2.0

JSView 2.0.5

Live HTTP Headers 0.14

Tamper Data 10.1.0

Venkman Javascript Debugger.

Measure it

Page 6: 1 1 Amr ElAdawy Web UI - Dev Tools. 2 2 Agenda Objectives Firefox Add-ons IE tools. Introduction References

6

IE Add-ons

Internet Explorer Web Development Toolbar

Page 7: 1 1 Amr ElAdawy Web UI - Dev Tools. 2 2 Agenda Objectives Firefox Add-ons IE tools. Introduction References

7

References Firebug, https://addons.mozilla.org/en-US/firefox/addon/1843

Javascript Debugger, https://addons.mozilla.org/en-US/firefox/addon/216

ColorZilla, https://addons.mozilla.org/en-US/firefox/addon/271

Tamper Data, https://addons.mozilla.org/en-US/firefox/addon/966

JSView, https://addons.mozilla.org/en-US/firefox/addon/2076

Live HTTP Headers, https://addons.mozilla.org/en-US/firefox/addon/3829

http://sixrevisions.com/tools/20_web_development_toolshttp://www.webdevout.net/articles/webdev-tools

IE Dev, http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038

Page 8: 1 1 Amr ElAdawy Web UI - Dev Tools. 2 2 Agenda Objectives Firefox Add-ons IE tools. Introduction References

8

Thank You

questions

suggestions

feedback