Инструментарий верстальщика

Материал из AOW

Перейти к: навигация, поиск

1. В первую очередь установить базовые плагины для ff firebug (https://getfirebug.com/downloads) и web-developer (https://addons.mozilla.org/ru/firefox/addon/web-developer/)


2. Проверка в браузерах

2.1 IE 7 и IE8

- Проверка в IE7 делается переключением IE8 в режим IE7 (F12→Режим обозревателя→Internet Explorer 7).

- можно проверять с помощью сервиса http://netrenderer.com/

- можно установить программу IETester - http://www.my-debugbar.com/wiki/IETester/HomePage


2.2 Opera mini и opera mobile

http://www.opera.com/developer/tools/mini/ (прямо в браузере можно тестить)

http://www.opera.com/developer/tools/mobile


3. Проверка кода на валидность

HTML: http://validator.w3.org/

CSS: http://jigsaw.w3.org/css-validator/

- С помощью плагина для ff Web Developer (Инструменты →Проверить HTML)

- плагина Html Validator https://addons.mozilla.org/ru/firefox/addon/html-validator/?src=userprofile


4. Визуальное отображение сайта в различных разрешениях

- Web Developer ff (Resize)

Список классических разрешений:

1024x600

1024x768

1152x864

1280x800

1280x1024

1440x900

1680x1050

1920x1080


5. Скорость загрузки сайта

- можно по панели Net в Firebug

- сервис http://www.webpagetest.org/

- плагинами ff - Page speed и YSlow


6. Модульная сетка

- Плагин для ff для проверки попиксельной верстки

- https://addons.mozilla.org/ru/firefox/addon/pixel-perfect/

- скрипт modulargrid (https://github.com/aishek/modulargrid)


Статьи по теме

http://www.free-lance.ru/commune/professionalnyie/129/htmlcss/221422/luchshie-resursyi-i-instrumentyi-dlya-verstalschika.html

http://habrahabr.ru/post/114256/

Личные инструменты

Разработка веб-сайтов, автоматизация.
По всем вопросам обращайтесь по телефонам:

+7 495 640 29 90
http://artofweb.ru