Your SlideShare is downloading. ×
Web Developer Tools
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Web Developer Tools

1,262
views

Published on

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

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,262
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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