Ресурсы необходимые для верстальщика

Небольшая подборка ресурсов, которые обязательно пригодятся во время разработки сайта.

  • Can I use — довольно известный ресурс, с помощью которого можно узнать поддержку и совместимость определенных свойств и технологий с разными версиями браузеров. Название говорит само за себя.

Например, статистика использования браузеров https://caniuse.com/usage-table, по ней мы можем определить, сколько процентов пользователей имеется у каждого браузера.

Или вот https://caniuse.com/#feat=flexbox — по таблице мы видим, что флекс-свойства работают во всех браузерах последних версий (но не работают в IE9 и ниже).

Can I use
Can I use

Может быть такое, что верстальщик по незнанию использует те или иные css-свойства или JavaScript фитчи, а они не работают во многих браузерах. Caniuse служит для того, чтобы заранее предотвратить такие проблемы.

  • Типограф. Типогрфирование текста — это очень важно для сайта. Данный ресурс позволяет очень быстро расставить необходимые спецсимволы, и получить типографированный текст.
Типограф
Типограф
  • html2pug — данный сайт помогает переводить HTML на Pug (Jade). Пригодится, если вы используете Pug. Он хорошо подходит для тех, кто только начинает осваивать этот шаблонизатор, или если нужно быстро перенести уже готовый HTML-шаблон на Pug.

  • SVGito — ресурс для оптимизации SVG.

SVGito
SVGito
  • Google Webfonts Helper — сайт, с помощью которого можно скачать шрифты, которые имеются на Google Fonts.
Google Webfonts Helper
Google Webfonts Helper
  • URL-encoder для SVG. Бывают ситуации, когда необходимо вставить svg на сайт как data:image. Данный сайт очень быстро помогает сгенерировать Data URI.
URL-encoder для SVG
URL-encoder для SVG

Это был небольшой список ресурсов, которые могут очень хорошо помочь верстальщику. Я, например, очень часто ими пользуюсь в работе 🙂

Вам так же может быть интересна статья о нескольких полезных расширениях для Google Chrome, которые могут пригодиться для веб-разработчиков.