Chrome недавно занял 25% рынка интернет-браузеров, что делает его вторым наиболее используемым браузером в мире после Internet Explorer ( который превращается в Project Spartan ). В конечном итоге это означает, что Chrome является де-факто домом для веб-разработчиков.
Хотя я неравнодушен к Firefox, я понимаю, почему люди любят Chrome. Он имеет тенденцию доминировать в тестах браузеров и это поможет обычным пользователям стать опытными пользователями Chrome. . Другие на самом деле ненавидят Chrome, но застряли, используя его. из-за доступности определенных расширений.
Это одна из причин, почему Chrome так хорош для веб-разработчиков: Интернет-магазин Chrome и его пул расширений. Если вы когда-нибудь планируете проектировать или кодировать веб-сайт, вот несколько важных инструментов, которые вы должны установить прямо сейчас.
ColorZilla
ColorZilla начиналась как дополнение к Firefox, но стало настолько популярным, что многие запрашивали версию Chrome. Теперь мы здесь. Это удобное расширение в основном представляет собой расширенную версию инструмента «пипетка», которую можно найти в таких программах, как Paint или Photoshop.
С его помощью вы можете указать на любое место в вашем браузере и сразу же получить информацию о цвете в этом месте. Вытащив его, вы можете настроить его (с помощью RGB, HSV или прямого гексагона), прежде чем скопировать его в буфер обмена. Чрезвычайно прост в использовании.
Он также поставляется с генератором градиентов CSS, анализатором цвета веб-страницы и несколькими предустановленными цветовыми палитрами для вашего удобства.
Окно Resizer
Одной из опасностей веб-разработчика является обеспечение того, чтобы просмотр веб-сайта был приятным для пользователей на любых устройствах. Мы говорим не только о мобильных и настольных компьютерах, что важно, но и о разнице между маленькими планшетами и большими мониторами.
Window Resizer — это простой способ изменить размер окна браузера на лету. Одним нажатием кнопки вы сможете протестировать свой веб-сайт в различных разрешениях, чтобы увидеть то, что видят ваши пользователи, а затем вы можете соответствующим образом настроить.
IE Tab
Еще одна огромная опасность для веб-разработчика — это стандарты браузера (или их отсутствие). Internet Explorer, Firefox, Chrome, Opera и все другие второстепенные браузеры будут отображать сайты немного по-другому. Между тем, некоторые браузеры медленнее принимают стандарты, чем другие.
Или в случае Internet Explorer, стандарты выбрасываются в окно, и веб-разработчики вынуждены рвать на себе волосы, когда им приходится приспосабливаться.
В IE Tab этот процесс немного упрощается. Он позволяет просматривать веб-сайт на новой вкладке Chrome, но отображается так, как он выглядит в IE. Не революционное решение проблемы IE, но по крайней мере это что-то.
Срок действия
Не весь HTML-код одинаков. В то время как браузеры играют большую роль в соблюдении стандартов, часть ответственности также лежит на веб-разработчике, который следует хорошим правилам HTML. Вот почему существуют инструменты для тестирования и проверки HTML
Срок действия — это расширение, которое позволяет вам делать все это без необходимости посещать какие-либо сторонние сайты. Просто откройте свой веб-сайт, нажмите кнопку, и он отобразит все недействительные HTML-сообщения в консоли браузера. Проверка выполняется через службу проверки W3C.
BuiltWith
Одна вещь, которую я ненавижу в веб-разработке, это то, что есть так много библиотек, фреймворков и движков, доступных для использования. Свобода выбора велика, но это боль, когда количество технологий становится настолько велико, что вы не можете идти в ногу со всеми из них.
Вы когда-нибудь посещали веб-сайт и задавались вопросом, какова основная технология?
Расширение BuiltWith — это единственная кнопка, которая анализирует текущую веб-страницу, чтобы увидеть все веб-библиотеки, платформы и движки, которые ее поддерживают , включая рекламные сети, платформы распространения контента и даже программное обеспечение хостинга, стоящее за всем этим.
Почтовый клиент REST [больше не доступен]
Для тех из вас, кто работает с REST API, Postman — это единственный инструмент, который необходим для упорядоченного рабочего процесса. С его помощью вы можете создавать HTTP-запросы и получать отформатированные ответы в формате JSON и XML. Ответы открываются в отдельном окне как HTML.
Вы также можете сгруппировать несколько запросов в нечто, называемое коллекцией, что является отличным способом сохранения организованности и эффективности. Вы также можете тестировать в нескольких средах, переключая переменные среды прямо внутри расширения.
Корпоративный Ipsum
Один из способов создания текста-заполнителя — это многократно копировать и вставлять «asdf» снова и снова. Лучшим способом было бы установить Corporate Ipsum и позволить ему генерировать текст наполнителя для вас в мгновение ока.
Мы рассмотрели несколько генераторов Lorem Ipsum. ранее, но привлекательность Corporate Ipsum заключается в том, что он находится прямо в вашем браузере. Вы можете подтянуть его одним нажатием кнопки. Там нет причин, чтобы не использовать его, если вы спросите меня. Теперь вы можете вернуться к собственному кодированию вашего сайта!
TabCloud
Веб-разработка иногда происходит на нескольких машинах. В то время как исходный контроль для разработчиков — это основной способ сохранять синхронизацию и актуальность, что если вы хотите перенести несколько вкладок на компьютеры? Вот где вступает TabCloud .
TabCloud синхронизирует ваши вкладки с облаком, что позволяет вам открыть их в другом месте. Его также можно использовать локально в качестве заставки сеанса, что позволяет хранить набор вкладок для последующего использования. Вкладки сохраняются в вашем аккаунте Google.
WhatFont
Дизайн шрифтов является важным компонентом веб-разработки, поэтому такие службы, как Google Web Fonts, стали настолько популярными. Хорошей новостью является то, что эти бесплатные шрифты теперь являются одними из самых красивых веб-шрифтов. доступно в настоящее время.
Но признайте это: бывают случаи, когда вы просматриваете веб-страницы и сталкиваетесь с потрясающим шрифтом, которого вы никогда раньше не видели. Существует множество способов определить это, но самый быстрый способ — использовать WhatFont . С его помощью вы можете проверять шрифты, просто наводя на них курсор . Как это может быть проще?
Потрясающий скриншот [больше не доступен]
Если скриншоты не являются частью вашей обычной веб-разработки, Awesome Screenshot поможет изменить это. Снимки экрана отлично подходят для документирования изменений в дизайне и для обмена незавершенными работами с вашим клиентом или членами команды.
Это расширение имеет несколько функций захвата, включая полную страницу, выделенную область или видимую область. Он также позволяет добавлять аннотации, размытие чувствительных частей изображения и делиться одним щелчком мыши. Или загрузите на свой Google Drive вместо этого.
Если концепция вас заинтриговала, но вы бы предпочли использовать более мощную настольную программу, посмотрите это сравнение инструментов скриншотов. снимков экрана снимков и начните использовать тот, который работает лучше для вас.
Проверьте мои ссылки
Много ошибок веб-разработки расстроит ваших посетителей, и неработающие ссылки являются одним из худших нарушителей. Одна неработающая ссылка может быть в порядке, но более того, и ваш сайт начинает терять авторитет и репутацию. К счастью, это легко избежать ошибки.
Check My Links делает именно то, что обещает: проверяет ваши ссылки. Действительные ссылки помечены зеленым, а неработающие ссылки помечены красным, и в конце вы получите процентную оценку. Все, что вам нужно сделать, это пойти и починить эти ссылки!
Какие расширения вы используете?
Еще одно расширение для производительности я бы порекомендовал это StayFocusd . Это скорее расширение общего назначения, а не расширение веб-разработки, но оно, безусловно, полезно независимо. Он не дает вам отвлекаться от сети, пока вы работаете!
Что вы думаете об этом? Существуют ли другие важные расширения для веб-разработки, которые вы бы порекомендовали? Поделитесь с нами в комментариях ниже!