Публикувано на 30 октомври, 2009 в Уеб Дизайн с етикети Browser, Testing, Web Design
Firefox е най-популярния браузър за уеб дизайнерите, не само защото визуализира страниците по начина по който трябва да бъдат, но и защото неговите функционалности лесно могат да бъдат разширени. След като уеб дизайнерите прекарват по-голямата част от ежедневието си пред уеб браузъра, полезно ще бъде да разширят неговите функции и да могат лесно да валидират кода на страницата която пишат само с един клик или лесно да анализират нейното съдържание. Това са 10 от разширенията, които ще ви помогнат по-лесно да се справяте с работата си на уеб дизайнер.
1. Firebug
Firebug служи за лесно анализиране на страниците, дебъгване на HTML, CSS и JavaScript и тяхното променяне директно в браузъра.
2. Web Developer
Web Developer добавя допълнителен toolbar в Firefox с множество опции. Едни от любимите ми са, че може да редактирам CSS кода директно в браузъра и да виждам резултата, както и да включа много други допълнителни атрибути.
3. Pixel Perfect
Pixel Perfec е добавка към Firebug която позволява лесно да се добави нещо най-отпред в сайта.
4. ColorZilla
ColorZilla добавя пипетка към браузъра с която лесно може да изберете който и да било цвят и да вземете неговия код и да го сложите в която и да било друга програма или текстов редактор.
5. YSlow
YSlow анализира защо дадена уеб страница се зарежда бавно.
6. IE Tab
IE Tab позволява да видите как се визуализират страниците в Internet Explorer директно в Firefox.
7. MeasureIt
MeasureIt може да сложи линия за да измерите височината и широчината на който и да е елемент.
8. Window Resizer
Window Resizer променя размера на браузъра в различни стандартни резолюции.
9. Extended Statusbar
Extended Statusba добавя допълнителна информация в статусбара на Firefox.
10. Live PageRank
Live PageRank показва ранка на текущо заредената страница в Google.
Благодаря ти за супер поста.Много ми беше полезен и вече си сложих някои от плъгините.
Радвам се, че съм помогнал.
Уау от кога не ти бях поглеждал блога и нова статия. За моя радост отдавна ги имам всичките тези плъгини.
Много мерси за 7 и 9 – не бях попадал на тях. Линийката ми е 10 пъти по-удобна от тази на web developer и вече ми е любим плъгин :)
Много полезни неща :)
Pixel Perfect и YSlow не ги знаех … много са полезни, особено YSlow :)
Вместо ColorZilla ви препоръчвам Rainbow (https://addons.mozilla.org/en-US/firefox/addon/14328/)
:)
Всъщност след определен период от време Firefox започва да става доста тежък и да се търсят алтернативи на модификациите.
От този списък Window Resizer е напълно излишен, тъй като Web Developer Toolbar разполага с window resizer в менюто „Resize“. Дори могат да се задават произволни резолюции :)
Същото важи и за MeasureIt и макар че Ruler функцията там е по-неудобна, има и редица други опции, които поправят това (display block size? :) ).
YSlow е полезен, но отстъпва пред Google PageSpeed: http://code.google.com/speed/page-speed/ – все пак лично аз използвам и двата в комбинация.
Благодаря Пенков, току що си инсталирах Google Page Speed и го комбинирах с YSlow. Аз ползвам два браузъра едновременно – Google chrome за Google/Facebook профили защото ми зарежда бързичко и Firefox за разработка и други страници, защото имам много приставки, които ми помагат вработата.
Colorzila ми е помагала много пъти да фиксна нещо по дизайна или за цвета на адсенса, много е полезно. + от мен за нея !
А аз вместо ColorZilla ви препоръчвам pixie – 30 kb програмка, работи перфектно с клавишни комбинации и е много удобна. Работи навсякъде, не само в браузер и в лисицата.
В „Web Developer“ има функция resize, „Window Resizer“ е излишен, ако имате „Web Developer“
Много полезни неща има тука за което те поздравявам ,блога ти супер