40 онлайн инструментов для веб-дизайнера и верстальщика

У каждого дизайнера, верстальщика, разработчика, да и любого it-специалиста есть набор закладок с полезными сервисами или шпаргалками, которыми он регулярно пользуется в своей работе. У каждой веб-студии, имеющей свой блог, есть отдельный пост, посвященный полезным инструментам, которые «ну просто, маст хэв»! Мы решили не быть исключением, и сделать такой пост в своём блоге.

Цветовые схемы

• Tools for picking colors — Генератор цветовой палитры из руководства Material Design от Google.
• Color Scheme — Инструмент для подбора и генерации цветовых схем. Куча фишек для работы с цветом.
• BrandColors — Большая коллекция официальных цветовых кодов наиболее популярных брендов.

Шрифты

• Google Fonts — Коллекция бесплатных шрифтов с открытым исходным кодом от Google.
• Transfonter — Инструмент для конвертирования любых шрифтов в формат CSS @font-face.
• What Font Is — Сервис для определения шрифтов по их изображению.
• FontSpring — Ещё один сервис для идентификации шрифтов по картинке. В базе 900 000 шрифтов.

Текст и разметка

• URL encoder — Инструмент кодирования SVG для вставки в CSS.
• HTML entity encoder — Инструмент преобразования HTML мнемоник.
• Таблица символов Юникода — Собственно, все символы Юникода.
• Транслитератор — Транслитерация кирилицы по ГОСТу.
• Punycode converter — Конвертер Puny Code для кирилических доменов.
• Online HTML5 markup — Редактор кода, разметка HTML, типограф, конвертер регистров.

CSS и JS

• CSS Gradient Generator — Мощный генератор градиентов CSS.
• CSS Minifier — Инструмент для минификации CSS-стилей.
• JS Minifier — Инструмент для минификации JavaScript кода.
• JS Tools Online — Набор инструментов для работы с JavaScript кодом.

Мелкая графика

• SVG Optimizer — Оптимизация и конвертация SVG.
• Base64 encoder — Онлайн base64 кодировщик картинок.
• Loader Gallery — Коллекция и редактор Gif / SVG прелоадеров.
• Subtle Patterns — Коллекция бесшовных паттернов для подложки.
• Gif Resizer — Изменение размеров гифки без потери анимации.

Тексты

• Синонимайзер — Хороший онлайн синонимайзер.
• Антиплагиат онлайн — Сервис проверки текстов на уникальность и плагиат.
• Семантический анализ — Сервис проверки текстов на «воду», «тошноту», частотность и пр.
• Карта слов — Подбор ассоциаций и связей к словам.
• Словарь ассоциаций — Инструмент построения графов ассоциаций.
• Текстовод — Куча всяких инструментов для проверки, подсчёта и анализа текстов.
• SEO инструменты — Сервис для анализа текстов и сайтов.
• 2IP — Инструменты для анализа сайтов.
• ВордСтат — Статистика запросов на Яндексе.

Иконки

• Material Symbols — Набор иконок из Material Design.
• IconFinder — Лучший сервис по подбору иконок.
• Feather — Иконки семейства Feather.
• Font Awesome — Иконки семейства FontAwesome.
• Favicon генератор — Онлайн генератор фавиконок для сайта.

Графика

• Unsplash — Сток бесплатных картинок и фотографий.
• FreePik — Крутейший сток бесплатной растровой и векторной графики.
• Vecteezy — Бесплатная векторная графика.
• Adobe Stock — Сток картинок от Adobe.