Ниже приведены некоторые часто используемые плагины, инструменты, программное обеспечение и т. Д. Для разработки фронтальных данных, которые я скомпилировал и собирал. Это эквивалентно созданию небольшого резервного копирования компьютера. Что касается того, как его использовать, я суммирую его в будущем. В настоящее время лучше погуглить это самостоятельно.
【Плагин Firefox】
1. Firefbug - модератор страницы
2. YSLOW - Инструмент рейтинга Web
3. Pixel Perfect - Сравнение HTML и дизайна
4. Использование CSS - инструмент оптимизации эффективности использования CSS
5. Скорость страницы- быстро оптимизируйте веб-страницы, аналогичные YSLOW
6. Serastit - инструмент измерения в реальном времени
7. Fiddler - локальный инструмент стиля страницы
8. DNS Flusher - DNS обновление инструмента
9. Colorzilla - инструмент выбора цвета в реальном времени
10. Веб -разработчик - проверьте соответствующую информацию веб -страницы
11. FireMobilesImulator - моделируйте мобильные телефоны
12. javascript dubugger - ошибки JavaScript
13. GreasemonKey - апплет сценария
14. Firecookie - cookie
【Хромированный плагин】
1. Потрясающий скриншот - скриншот веб -страницы
2. Переключатель пользователя -агента - переключить устройство отображения
3. Веб -разработчик - проверьте соответствующую информацию веб -страницы
4. Управление окна - Изменить разрешение
5. Yslow - инструмент рейтинга веб -
6. Обнаружение совместимости браузера
[Общие инструменты URL для фронтальной разработки]
Соответствие веб -цвета
http://www.peise.net/tools/web/
http://www.peise.net/tools/lilun/lilunxuexi.html
http://www.colorschemer.com/online.html
http://www.workwithcolor.com/hsl-color-picker-01.htm
Генератор CSS3
http://www.css3maker.com/
http://www.flickyard.in/autocss3/
http://www.colorzilla.com/gradient-editor/
http://css3pie.com/
http://www.css3.me/
http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/
Генератор кнопок CSS3
http://www.wordpressthemeshock.com/css-prop-shadow/
http://css3buttongenerator.com/
CSS Picture Synthesizer
http://csssprites.com/
http://cn.spritegen.website-performance.org/
CSS -код Проверка
http://csslint.net/
Ajax загружает картинку
http://ajaxload.info/
http://preloaders.net/
CSS Hack Table
http://centricle.com/ref/css/filters/
Рынок браузеров
http://tongji.baidu.com/data/browser
Проверьте поддержку браузера CSS3
http://css3test.com/
http://kimblim.dk/css-tests/selectors/
http://selectivizr.com/
http://www.findmebyip.com/litmus
Обнаружение пользовательского опыта
http://gtmetrix.com/
CSS шаблон генератор
http://blog.html.it/layoutgala/
http://www.mycelly.com/
http://www.intensivstation.ch/en/templates/
CSS сжатие
http://www.csscompressor.com/
Общие шрифты для CSS
http://cssfontstack.com/
http://www.google.com/webfonts#
http://www.dafont.com/
CSS3 преобразование
http://www.useragentman.com/ietransformstranslator/
CSS3 Безерист
http://cubic-bezier.com/#.47,73,1,41
Yui css grid tool
http://developer.yahoo.com/yui/grids/builder/
Оптимизация и благоустройство кода JavaScript
http://js.clicki.cc/
Код демо
http://jsfiddle.net/
http://jsbin.com/#html,live
http://ikeeper.com/bar/20143449
http://codepad.org/
Инструменты прототипирования
https://gomockingbird.com/mockingbird/#
http://www.jotform.com/
【Локальное и обычно используемое программное обеспечение и редактор IDE】
1. Маркман-дизайнер, необходимый для фронт-инженеров
2. Vim - супер быстрый редактор
3. Adobe Photoshop CS6 - Специальная резка картинок
4. IE Tester - Check Page Copatibility
5. Fiddler2 - запрос на обнаружение
6. Помимо Commpar - сравнение файлов
7. GIT - управление распределенной версией
8. Opera Mobile Emulator - мобильный браузер
9. Простое - меньше
Поздравляя, вы овладели большинству из вышеперечисленных инструментов, вы не далеко от превосходного дизайнера на переднем крае ~~