Добрый день читателям блога symby.ru, хочу в этом посте поделиться полезными расширениями для Google Ghrome, которыми я постоянно пользуюсь в своей работе и они, несомненно, станут полезны для любого веб-мастера, будь он дизайнером или верстальщиком, а то и вовсе простым блогером, которым в частности и я себя считаю.
Я очень люблю ковырятся и искать новые расширения, чтобы найти полезные, которые будут экономить моё время во время работы, ведь правильно сказал Карл Маркс:
Всякая экономия в конечном счете сводится к экономии времени. (…) Источник
Кстати, я как-то писал пост о пользе Фотошопа для блогера, чтобы его посты были хорошо оформлены и выглядели более информативно.
Я не стал публиковать ссылки на все расширения, потому что некоторые у меня установлены в браузере и я не знаю адресов, но по названию, вы легко сможете найти их в Интернет-магазине Google и легко установить их к себе в браузер.
С помощью этого расширения, можно взять пробу на цвет у любого объекта на веб-страницы. Аналог пипетки в Фотошопе.
Это разработка самого Google, основная задача данного расширения заключается в том, чтобы делать снимки экрана, как видимой части, так и всего «тела» документа со скроллингом, сохраняет изображения в PNG. Отлично подходит для заскриншонивания сайта целиком.
В комментариях к статье про адаптивный дизайн, меня спрашивали – каким инструментом я проверяю адаптивность и правильность вёрстки?
Отвечаю – проверяю расширением для хрома «Resolution Test», с помощью него можно смотреть сайт под разным разрешением экрана и обнаруживать свои ошибки в работе.
Один из самых необходимых плагинов для меня, так как я веду блог, то надо постоянно следить за его показателями – ТИЦ, PR, индексирование в поисковых системах и многое другое. С помощью рдс бара я легко получаю такую информацию
Это расширение для Google Chrome просто не обходимо для верстальщика, с его помощью можно:
css
html
Автоматическая проверка веб-документа на ошибки валидации. Так же это расширение работает со страницами, которые вы открыли на локальном сервере. Очень выручает, когда работаешь над сайтом локальной машине.
Маленькое расширение для хрома, которое показывает количество слов и знаков в выделенном тексте.
Анализатор скорости загрузки от сервиа PageSpeed, он кстати Google. После включения и проверки вашего сайта, вы получаете баллы и список проблем вашего сайта, которые влияют на его скорость загрузки. Так же даются советы как лучше всего устранить эти проблемы.
Незаменимое расширения для веб-дизайнера – линейка. После активации, у вас в браузере появляется линейка, с помощью которой можно мерить расстояния на странице в пикселях, так же линейку можно размещать ещё и вертикально. Так же доступно специальная таблица для определения размера шрифта и толщины линий:
Советую всем установить Screen ruler в свой ghrome.
После того, как вы подключите мобильное устройство (IOS или Android) к компьютеру, вы сможете одновременно проверять сайт и отслеживать его адаптивность. Проверять правильность HTML / CSS / JavaScript и сразу редактировать их со своего устройства. Незаменимое расширение, которое потребуется веб-разработчикам, занимающимися созданием мобильных версий сайтов и.т.п.
Основные возможности:
Поиск картинок в Google с заранее установленными параметрами, начиная от размера картинок до вариантов: любой, лицо, фотография и.т.п.
Уверен, дизайнеры оценят это расширение для ghrome.
Онлайн Фотошоп теперь и у вас в Хроме. Это конечно не полная копия десктопной версии, но имеет много незаменимых возможностей, которые могут пригодиться:
Если вам надо на скорую руку изменить что-нибудь или отредактировать, то это идеальный вариант.
Простенькое дополнение для браузера, с помощью него можно создавать QR Code из урл страницы, на которой вы находитесь. Затем его можно сохранить и отправить кому-нибудь. Интересное расширение, но пользы от него мало :).
Вот и всё, вот такими расширениями я пользуюсь каждый день в своей работе. А сейчас мне интересно, что используете вы? Напишите 3 самых любимых ваших расширений для хрома.
