Записки HTML-верстальщика: мой набор полезных онлайн-сервисов

Всем хорошего зимнего денёчка!

Скоро пятница, а это значит, что до конца рабочей недели осталось совсем чуточку потерпеть :)

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

Генератор стрелочек, который позволит Вам легко и просто создать вспомогательные стрелки без дополнительных картинок и нагромождения ненужных элементов. Очень часто используется на практике при создании каких-либо tooltips, всплывающих подсказок, ошибок в форме и т.д.

Генератор градиентов - невероятно полезный сервис, который сможет легко и просто помочь Вам создать градиентный фон на чистом CSS безо всяких картинок. Можно создавать как вертикальный, так и другие виды градиентов (горизонтальный, диагональный, радиальный, состоящий из нескольких цветов).

Генератор спрайтов: если Вы хотите оптимизировать изображения на Вашем сайте, и у Вас нет иконок в SVG - то Вам сюда. Сервис поможет сделать из нескольких картинок одну, да еще и подскажет координаты к каждой из них. Из огромного количества подобных генераторов остановился именно на этом, потому что он предельно прост, и не имеет ненужного в практике функционала.

Генератор шрифтов: куда же без него! Если Ваш дизайнер использовал в своем макете какие-нибудь нестандартные шрифты, то этот сервис поможет Вам быстро создать все версии шрифтов для кроссбраузерного их использования, подскажет CSS-код, который необходим для их правильного внедрения на сайт, а так же, сконвертирует ЛЮБОЙ шрифт (в отличие от некоторых популярных сервисов, которые заносят бесплатные шрифты в черный список и отказываются их конвертировать).

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

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

Сервис оптимизации картинок - очень полезный сервис, если Вы хотите добиться максимальной оптимизации веса картинок на Вашем сайте.

Крутой сервис оптимизации Вашего кода: поможет Вам преобразовать и структурировать любой html/css/js и т.п. код, а так же сделать с ним ещё много-много чего. Незаменимая вещь, если Вы берёте какой-либо, к примеру, минимизированный файлик, и Вам нужно в нем разобраться.

Ну и, напоследок, куда же без http://caniuse.com/. Суперпопулярный сервис, который поможет Вам разобраться какое html/css/js свойство или feature будет поддерживаться тем или иным браузером.