Web-developer Tools Yuriy Gvozdovych © Quintagroup, 2008
<ul><li>За допомогою Firebug, Ви можете редагувати, відлагоджувати, і контролювати CSS, HTML, і JavaScript, які розміщені ...
Firebug   Web Development Evolved
Firebug   Web Development Evolved <ul><li>В Firebug досить просто знайти елементи HTML, які приховані глибоко в сторінці. ...
Firebug   Web Development Evolved Дослідження елементів HTML на веб-сторінці
Firebug   Web Development Evolved <ul><li>При дослідженні CSSу Firebug показує Вам усе, що потрібно, щоб Ви знали про стил...
Firebug   Web Development Evolved Дослідження CSSy на веб-сторінці
Firebug   Web Development Evolved <ul><li>При дослідженні Layouty Firebug може бути Вашими очима, які усе зміряють і ілюст...
Firebug   Web Development Evolved Дослідження Layoutу
Firebug   Web Development Evolved Дослідження Layoutу
IE  Developer toolbar
<ul><li>Dragonfly дає можливість відлагоджувати, і контролювати JavaScript, досліджувати CSS, HTML, а також переглядати по...
Opera  Dragonfly
<ul><li>Панель інструментів для оглядача з різними інструментами мережевого розробника. </li></ul>Web-developer tools
Web-developer tools
Джерела: <ul><li>http://www.opera.com  </li></ul><ul><li>http://chrispederick.com/work/web-developer/  </li></ul><ul><li>h...
Upcoming SlideShare
Loading in...5
×

Web Developer Tools

1,318

Published on

Firebug, IE Developer toolbar, Opera Dragonfly, Web-developer tools

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,318
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Web Developer Tools

  1. 1. Web-developer Tools Yuriy Gvozdovych © Quintagroup, 2008
  2. 2. <ul><li>За допомогою Firebug, Ви можете редагувати, відлагоджувати, і контролювати CSS, HTML, і JavaScript, які розміщені на будь-якій веб-сторінці </li></ul>Firebug Web Development Evolved
  3. 3. Firebug Web Development Evolved
  4. 4. Firebug Web Development Evolved <ul><li>В Firebug досить просто знайти елементи HTML, які приховані глибоко в сторінці. Як тільки Ви знайшли, що шукали, Firebug надає Вам розширену інформації про об’єкт, а також дозволяє його редагувати. </li></ul>Дослідження елементів HTML на веб-сторінці
  5. 5. Firebug Web Development Evolved Дослідження елементів HTML на веб-сторінці
  6. 6. Firebug Web Development Evolved <ul><li>При дослідженні CSSу Firebug показує Вам усе, що потрібно, щоб Ви знали про стилі на веб-сторінках, важливим позитивом є те, що ви можете робити зміни і бачити, як вони починають діяти миттєво. </li></ul>Дослідження CSSy на веб-сторінці
  7. 7. Firebug Web Development Evolved Дослідження CSSy на веб-сторінці
  8. 8. Firebug Web Development Evolved <ul><li>При дослідженні Layouty Firebug може бути Вашими очима, які усе зміряють і ілюструватимуть всі відгалуження і краї. </li></ul>Дослідження Layoutу
  9. 9. Firebug Web Development Evolved Дослідження Layoutу
  10. 10. Firebug Web Development Evolved Дослідження Layoutу
  11. 11. IE Developer toolbar
  12. 12. <ul><li>Dragonfly дає можливість відлагоджувати, і контролювати JavaScript, досліджувати CSS, HTML, а також переглядати помилки </li></ul>Opera Dragonfly
  13. 13. Opera Dragonfly
  14. 14. <ul><li>Панель інструментів для оглядача з різними інструментами мережевого розробника. </li></ul>Web-developer tools
  15. 15. Web-developer tools
  16. 16. Джерела: <ul><li>http://www.opera.com </li></ul><ul><li>http://chrispederick.com/work/web-developer/ </li></ul><ul><li>http://www.getfirebug.com/ </li></ul><ul><li>http://www.google.com </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×