Firebug – на помощ на уеб дизайнера

Става дума за разширението Firebug за браузъра Mozilla Firefox (можете да го свалите от този адрес: https://addons.mozilla.org/en-US/firefox/addon/1843). Това разширение според мен е определено най-полезното от всички.

Намери всичко бързо и лесно

Със него можем да преглеждаме бързо и лесно всяка една част от сорс кода на една страница. Използвайки посочващия инструмент можем да открием веднага всеки един елемент от страницата. Автоматично ни се показва неговия html код и CSS.

Възможно е и обратното: посочвайки елементи от html кода, ни се засветява позицията им на страницата. Това също е доста полезно за всички уеб сайтове.

Експериментално редактиране

След като открием точно това, което търсим, можем да редактираме html-a или css кода. Аз лично най-често използвам промяната на CSS-а. Реално кода не се променя, просто се показва как би изглеждало ако бъде осъществена промяната.

Без Firebug просто незнам как ще експериментирам с CSS-а толкова бързо и лесно. Веднага виждам до какво води промяната на някой padding или margin или цвят и ако ми хареса го прилагам наистина.

Ако сте уеб дизайнери и се занимавате с уеб сайтове и не използвате Firebug, съвсем искрено ви го препоръчвам.

Публикувано в Уеб дизайн с етикети . Постоянна връзка.

4 коментара по Firebug – на помощ на уеб дизайнера

  1. Павел каза:

    Ще го разгледам този туул

  2. Напълно съм съгласен, firebug е незаменим помощник на уеб дизайнера.

  3. Ваил каза:

    Добре, но ми е интересно мога ли да приложа експерименталното редактиране на практика за моя сайт и ако да КАК?

  4. admin каза:

    Хмм, не мисля че това е възможно. Плъгина само показва как би изглеждало. Ако реално можеше да се приложи то щеше всеки да може да ти промени сайта ;)

Вашият коментар

Вашият email адрес няма да бъде публикуван Задължителните полета са отбелязани с *

*

Можете да използвате тези HTML тагове и атрибути: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>