Браузери

14 квітня 2009 від admin

Веб-дизайнери до браузерів ставляться трохи інакше, ніж звичайні користувачі. Якщо для більшості людей браузер потрібен переважно для того, щоб переглядати сайти, то для розробників цих самих сайтів браузер - один із необхідних інструментів. Одне з його призначень - це тест зробленного макету на сумісність. Адже різні люди користуються різними браузерами, а оскільки інтерпретація html-коду в кожного з них своя, то дизайнер повинен переконатися, що його макет виглядає однаково в усіх популярних браузерах. А при грамотному налаштуванні браузер може значно полегшити і прискорити розробку сайту. Opera.

Вам значно допоможуть деякі можливості, що в інших браузерах відсутні.

Перше - це можливість переглядати ваш макет в режимі комунікатора. За деякими даними, останніми місяцями кожний 20-ий відвідувач переглядає сайти через мобільний пристрій (телефон, смартфон, комунікатор, тощо). Це досить значна цифра, щоб нею нехтувати. Тому не забуваємо перевірити, який вигляд буде мати наш макет на екрані мобільного пристрою (View->Small Screen в головному меню Opera).
Друге - це можливість швидко вмикати та вимикати графічне оформлення сайту. Сьогодні досить значна частині користувачів переглядає сайти, використовуючи тандем ноутбук+мобільний телефон або ноутбук+GSM модем. Зазвичай вони відключають зображення для того, щоб не платити за зайві кілобайти. Грамотно спроектований сайт не повинен розпадатися як з ввімкненною так і з вимкненною графікою. Щоб краще зрозуміти, для прикладу спробуйте відключити графіку переглядаючи google.com, bigmir.net або mail.ru. А в Opera найзручніше вмикати-вимикати графіку (переключаємо праву нижню кнопку на Show Images або No Images)
Третє - це можливість швидкої валідації. Це потрібно, щоб пересвідчитись, що помилок немає (або побачити існуючі помилки). Існує багато валідаторів, але найпопулярнішим є онлайновий сервіс від W3C (консорціума, що займається стандартами для www). Саме до нього звертається Opera, якщо в контекстному меню вибрати Validate або одночасно натиснути Ctrl+Alt+Shift+U.

Firefox.

Якщо Opera просто дозволяє робити деякі речі швидше і зручніше, то Firefox претендує на роль потужного і професійного інструменту. До того ж цілком безкоштовного. Точніше, не сам Firefox а його численні додатки-плагіни. Завдяки відритій архитектурі Firefox має більше плагінів, ніж усі інші браузери, разом взяті. Я не буду описівати всі існуючі можливості - для цього мені не вистачить місця, наданного хостером :)

Але хочу розповісти про самі необхідні (на мій погляд). Можливо, ви знаєте інші додатки, що допомагають веб-розробнику - можете розповісти про них в коментарях.

Увага! Задля вашої безпеки завантажуйти додатки лише з addons.mozilla.org!

По-перше рекомендую найвідоміший серед веб-розробників Firebug та дуже зручний тулбар Web Developer. Розповідати про них можна багато, але... Це саме той випадок, коли краще один раз побачити - сьогодні ці додатки встановлені у переважної більшості веб-дизайнерів.
По-друге Window Resizer - він допоможе швидко переглянути макет при різних налаштуваннях екрану (це набагато швидше, ніж кожен раз змінювати налаштування вручну).
По-третє, ColorZilla та MeasureIt. ColorZilla надає можливість легко визначити потрібний колір в HEX-форматі, а MeasureIt - висоту та ширину необхідних блоків в пікселях.

Opera та Firefox можуть значно допомогти в роботі, чи потрібно в такому випадку додатково ставити інші браузери? Це питання кожен вирішує по своєму, але не варто забувати що існують ще Safari, Google Chrome та IE - варто хоча би переглянути макет в цих браузерах.