☰ Каталог полезных сервисов

Здесь полный список всех полезных сервисов, которые мы выкладывали на канал:

📷 html2pdf - конвертер веб-страниц в PDF-формат

📷 Сайт MapBox предоставит вам карты на любой вкус

📷 Ресурс Masonry будет интересен тем, кто не хочет ломать голову над созданием сеток страничек сайта

📷 Pixabay — это сервис бесплатных фотографий, иллюстраций, векторных изображений и видео, которые можно использовать, не нарушив при этом чьи-то авторские права

📷 FontStorage представляет собой огромную коллекцию бесплатных качественных шрифтов на любой вкус

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

📷 Moqups — инструмент для прототипирования

📷 awwwards – сайты для вдохновения

📷 Browsershots делает скриншоты дизайна вашего сайта в разных операционных системах и браузерах

📷 Сервис HTML5Test проверяет, насколько тот или иной браузер готов работать со стандартом HTML5

📷 Mobile HTML5 таблица совместимости HTML5 API на мобильных и планшетных браузерах с тестированием на реальных устройствах

📷 HTML5 Please — статистика по поддержке фич HTML5 в различных браузерах

📷 FREE Banner Maker — сервис для HTML5-баннеров

📷 HTML minifier — сервис для минимизации HTML-кода

📷 Image-Maps — сервис для создания карт-изображений

📷 FormLinter найдёт на сайте формы и проверит, есть ли у них проблемы с доступностью

📷 Random User Generator — генератор случайных пользователей

📷 Web Developer Checklist — проверьте все пункты чек-листа перед запуском своего проекта

📷CSS Hexagon Generator - генератор CSS-шестиугольника

📷 CSS3Ps — конвертер из PSD в CSS

📷 NinjaMock — неплохой инструмент для прототипирования

📷 CSS Arrow please — генерация блока со стрелкой (тултипа) на чистом CSS

📷 User Inter Faces — генератор аватарок для вашего проекта

📷 Golden Ratio Typography Calculator — расчет оптимального размера шрифта на основе золотого сечения

📷 TinyPNG — сжатие изображений в формате PNG

📷 Glyphter — создание своего иконочного шрифта

📷 Pics - онлайн фоторедактор

📷 Prepros — компиляция, сжатие, оптимизация и еще куча всего — все возможности смотрите на сайте

📷 Blind Text Generator — генератор текста-рыбы

📷 С помощью domainr вы можете проверить на занятость любой домен и получить подсказки по похожим доменным именам

📷 Matomo - это веб-приложение для сбора статистических данных о посетителях вашего сайта

📷 PingDom’s Website Speed Test - проанализирует скрость загрузки ваших проектов и поможет вам сделать их более отзывчивыми

📷 ukitAI - проанализирует сайт с помощью ИИ и переставит элементы так, чтобы он работал быстрее, а дизайнерские решения понятнее представляли контент

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

📷 CSS Lint - онлайн сервис, который поможет найти ошибки и проблемные места в коде CSS

📷 jsFiddle - онлайн сервис для проверки кода

📷 Placeit - это инструмент для создания макетов или демо-версий сайтов и многое другое

📷 Coolors — сервис для подбора цветовых схем для сайта, альтернативных теней, определение цветов по картинке

📷 Автопрефиксер онлайн — добавляет нужные вендорные префиксы и удаляет ненужные в вашем CSS

📷 Type Scale — визуальный калькулятор для расчёта размера заголовков

📷 Picular - это гугл, но для цветов

📷 img2css — инструмент, который преобразует изображения в CSS-код, он выдаёт вам один div с кодом, который вы можете использовать в своих проектах

📷 visual-center помогает определить визуальный центр вашего изображения

📷 Pleeease — сервис для генерации браузерных префиксов и не только

📷 Unsplash - сервис красивых, бесплатных картинок и фотографий, которые вы можете скачать и использовать для любого проекта

📷 Getwaves - отличный сервис для создания волн, которые безусловно украсят ваш сайт

📷 humaaans - это бесплатная библиотека для комбинирования и подбора иллюстраций людей. Бесплатно для коммерческого или личного использования от Пабло Стэнли

📷 WebDev - продукт от Google, который поможет вам создавать безопасные, устойчивые и быстрые сайты

📷 landingstock - коллекция бесплатных изображений для лендинг-страниц

📷 Optimizilla поможет вам сжать ваши изображения JPEG и PNG до минимально возможного размера

📷 HowBigIsMyBrowser - это простой сервис для разработчиков и дизайнеров, который поможет узнать размер окна своего браузера

📷 Rotato поможет вам создавать, захватывать и анимировать 3D-макеты для ваших цифровых проектов за считанные секунды

📷 На Colorable вы можете проверить и отрегулировать цветовой контраст для обеспечения удобочитаемости и доступности

📷 Hero Patterns - коллекция SVG-паттернов, которые вы можете использовать в своих веб-проектах.

📷 Легко находить цветовые коды HTML для вашего сайта, используя данный палитр цветов, цветовую диаграмму и названия цветов HTML с шестнадцатеричными цветовыми кодами, значениями RGB и HSL.

📷 VisualEyes - сервис, который с помощью ИИ оценит ваш проект глазами пользователя и поможет улучшить его для привлечения большего внимания.

📷 Cool Backgrounds - прекрасная кураторская подборка классных фонов, которые вы можете добавить в блоги и веб-сайты.

📷 Web Gradients - это бесплатная коллекция из 180 линейных градиентов, которые вы можете использовать в качестве фонов контента в любой части вашего сайта.

📷 Color Safe - инструмент, который поможет вам построить доступные цветовые палитры на основе рекомендаций WCAG по тексту и фону

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

📷 База данных размеров экрана и плотности пикселей для популярных смартфонов, планшетов и мониторов.

📷 Socialsizes - сервис, где вы можете найти все размеры изображений и видео для социальных сетей с шаблонами.

📷 ColorBox - инструмент для построения цветовых систем для доступных пользовательских интерфейсов такого масштаба. Открытый исходный код командой дизайнеров Lyft.

📷 Coverr - скачивайте бесплатные и красивые видеоматериалы для вашего сайта.

📷 CSS Triggers - этот сервис принесёт много пользы тем, кто занимается анимацией элементов сайта. Здесь имеется удобная таблица, предоставляющая данные о CSS-свойствах, а также о том, что происходит, когда эти свойства изменяются.

📷 Colordot - это сайт для подбора гармоничной световой палитры. Достаточно просто двигать курсор по странице, чтобы видеть изменения цвета фона. А в окошке, расположенном в центральной части экрана, отображается hex-код цвета. Для создания полоски цвета и получения его кода, необходимо просто кликнуть мышью.

📷 AChecker проверяет отдельные HTML-страницы на соответствие стандартам доступности, чтобы гарантировать, что контент может быть доступен всем.

📷 Бесплатные стоковые фото и видео, которые можно использовать в любых ваших проектах.

📹 Smooth shadow - сервис + плагин для Figma, который поможет вам создать тени для ваших объектов.

📷 Instant Logo Search - здесь вы можете мгновенно найти и скачать тысячи логотипов знаменитых брендов в SVG и PNG.

📷 Продемонстрируйте свои цифровые проекты красиво и очень легко с Hamok. Создавайте макеты с высоким разрешением, персонализируйте, экспортируйте и используйте везде.

📷 remove.bg - сервис, который поможет вам удалить фон на вашем изображении в несколько кликов.