Для того, щоб полегшити ваші труди верстки інтернет-сайту, обвішаний ваш улюблений браузер модними штучками - розширеннями. Серед всього незліченної безлічі додаток для Mozilla Firefox є кілька найбільш вдалих для веб-майстрів. Саме з ними ми познайомимося в цій статті.
Пара слів про Firefox
Він крутий. Він зручний. Він безпечний. Він гальмо.
Будемо говорити об'єктивно, краще Firefox на даний момент (і вже на протязі довгих років) нічого немає.
У мене були безуспішні спроби відмовитися від цього браузера і причин знайшлося кілька. Наприклад, зависання лисиці - скільки нервів зіпсовано, коли разом в браузером зависає на хвилину і віконне оточення Windows, так намертво. Я розумію, що винен не сам браузер, а його доповнення. У чистій лисиці багів мало (я не зустрічав) але так само як і користі. Сила Firefox в доповненнях.
Поблукати по іншим браузерам, погрався з їх доповненнями, настройками, сервісами і передумав. Немає нічого кращого Firefox!
Отже, запускаємо браузер Mozilla Firefox. У мене на даний момент коштує версія (та ще й без разціни яка версія!). З якихось пір з глузду з'їхали розробники Мозилли і штампують версії щомісяця нову, погналися за Гуглевскім хромом, ймовірно, і це мене бісить, так як на мене так глобальних змін немає, щоб міняти версію релізу цілком. Нісенітниця!
Я намагаюся використовувати актуальну версію, до того ж не раз помічав, що Firefox починає тупити і потрібно натиснути купу кліків, щоб, наприклад, закрити вкладку. Як не дивно, після поновлення дана проблема миттєво зникає. Таким чином нас, ймовірно, підстьобують оновлюватися. Привчили до годівниці!
Розширення для Firefox
Розробники цього чудесного браузера дали можливість іншим розробникам доповнювати функціонал своїми аддонами. Тепер в цих аддонах можна заблукати, але є серед них деякі, що дозволяють практично відмовитися від безлічі сторонніх інструментів і мати все під рукою в одному браузері.
У меню «Інструменти» є пункт «Додатки». Якщо у вас відключена рядок меню, то в натисніть Alt і рядок меню відобразиться. Від версії до версії розробники змінюють інтерфейс, роблячи його схожим на інші популярні браузери. Було щось від опери, тепер щось від хрому, але зараз не про це. Сенс в тому, що завжди є меню.
установка доповнень
Тут же рекомендую відразу виставити параметри поновлення доповнень. Я виставив ручний режим, так як знаю, що одне з доповнень після поновлення вже не буде русифіковане.
Нам відомий список доповнень, які ми хочемо установіть.В рядку пошуку набираємо firebug (або будь-яке інше назву доповнення зі списку) і тиснемо Enter. Після пошуку знаходимо рядок відповідну запиту пошуку і тиснемо кнопку «Встановити». Чекаємо. Після установки браузер попросить його перезапустити, не відмовляйте йому в такому задоволенні - вам ще довго працювати разом. Усе.
Встановіть ще пакети зі списку доповнень для Firefox, якими користуюся я:
Блокують розширення дозволяють перевірити, чи не блокується чи щось на вашому власному сайті. Так в CMS Joomla папка з банерами автоматично забанена Adblock-му. Якщо будь-яку картинку назвете типу banner, reklama або навіть adwords, то адблок їх приховає.
Встановіть їх за бажанням, я не наполягаю. Пам'ятайте, що чим більше ви використовуєте доповнень, тим більше жере оперативної пам'яті ваш браузер, а значить він важче і повільніше. Не переборщити.
На практиці створення сайту ви навчитеся користуватися всіма зазначеними доповненнями, а поки лише розглянемо їх призначення і загальні риси.
Не знаю, як я раніше обходився без нього! Тепер це таке модне доповнення, яке вже само містить доповнення. Я був засмучений, коли перестав працювати YSlow, але тепер знову все в нормі.
Потикайте вкладки там і там, викликайте меню правою кнопкою і дивіться, що можна зробити з виділеним елементом. Так у вікні зі стилями, можна видалити, вимкнути властивість або додати нове. Спробуйте на будь-якому сайті, можна навіть на моєму)). Після оновлення сторінки все встане на свої місця, це означає, що зміни видно тільки вам і де вони зберігаються. Пам'ятайте, що деякі властивості застосовні не до конкретного елементу, а до цілої групи однотипних елементів.
В сучасних браузерах подібний функціонал вже вбудований, але все одно старий добрий Firebug зручніше, швидше і звичніше їх усіх. Обов'язково порівняйте.
YSlow - розширення firebug, що дозволяє отримати детальну інформацію про елементи, складових сторінку, а так же скриптах і інших файлах. Управління знаходиться серед вкладок firebug.
Розширення дозволяє в зручному вигляді отримати загальну вагу сторінки і відстежити які компоненти складають цю вагу. Так можна контролювати завантаження скриптів, кількість зображень на сайті і файлів з таблицями стилів, щоб оптимізувати сайт.
Це доповнення було рекомендовано самим google до використання, так як є модуль оцінки ефективності завантаження, що виводить в балах рейтинг сторінки і рекомендації щодо підвищення в рейтингу. Серед таких порад склейка фонових зображень в спрайт, об'єднання таблиць стилів, перенесення скриптів в нижню частину сторінки і інші приємні дрібниці.
Web Developer
Web Developer - дуже потужний комбайн, який містить в собі багато корисних функцій, які знову ж таки дозволять відстежити баги на сторінці або представити структуру сайту. Меню цього доповнення представлено у вигляді рядка з іконками і підписами елементів. Кожен розділ меню містить яке-небудь технічне властивість. Так наприклад відстежити всі зовнішні посилання і підсвітити їх можна натиснувши «Інфо» - «Показати параметри посилань».
Серед інструментів утиліти по роботі з формами, зображеннями, лупа, лінійка, зміна розмірів вікна, перевірка валідності коду і багато іншого. Я і сам користуюся далеко не всіма його можливостями.
RDS Bar - потужний комбайн по сео-оптимізації. Дозволяє також відстежити внутрішні і зовнішні посилання, показує тиц і PR, кількість сторінок в індексах пошукових систем і багато іншого.
Цей інструмент стане в нагоді більше для просування сайту, ніж для створення, так що поки відкладемо його в сторону, або навіть відключимо до кращих часів, так як з ним не зовсім дружить Web Developer.
ColorZilla
Xinha Here
Якщо дослівно - "виміряти це". Попросту це лінійка, але зі зручним викликом і приємним зовнішнім виглядом. За допомогою його можна виміряти розміри блоків і відступів, що дозволяє в верстці при позиціонуванні, де не зміг допомогти firebug.
Викликається по іконці на панелі інструментів Firefox, при цьому всі крім виділення напівпрозорої освітлюється для зручності виділення.
Тепер ваш Firefox - повноцінний інструмент веб-майстри.