Picular — подбор цветов на основе ключевого слова

Инструмент использует поиск изображений Google. При этом с его помощью можно без особого труда найти любой интересующий цвет. Например, hex-код банана.

Стоимость: #бесплатно

#цвет #картинки

PaperCSS — минимальный CSS-фреймворк

Главная цель проекта — быть настолько минимальным, насколько это возможно при добавлении классов.

Так, например, привычная кнопка при его использовании должна выглядеть просто как бумажная кнопка.

При этом если использовать PaperCSS на своей странице, сгенерированной в формате markdown, она мгновенно получит «бумажный» вид.

Стоимость: #бесплатно

#CSS #фреймворк

​Теперь лучшие материалы для ДевоПсов собраны в одном месте

Топовые статьи на русском и английском языках каждый день появляются в Telegram-канале «DevOps для ДевоПсов». Переходите и убедитесь в этом сами: @devo_pes.

Paatterns — бесплатная коллекция красивых паттернов всех форматов

Все их можно легко настраивать и редактировать, чего удалось достигнуть благодаря использованию слоёв.

При этом паттерны можно скачать как для Sketch, так и для Figma, XD, Illustrator, а также в png- и svg-форматах.

Стоимость: #бесплатно

#дизайн #бесплатно

​Если хотите изучать топовый язык программирования, то Go!

В этом вам поможет новый Telegram-канал «Go in Action», где ежедневно появляются полезные материалы на русском и английском языках. Всё самое лучше по языку Go собрано здесь: @go_in_action.

One Page Love — набор одностраничных веб-сайтов для вдохновения

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

Стоимость: #бесплатно (но есть платные шаблоны)

#web #шаблоны

Material Icons Library — гигантская библиотека иконок в material-дизайне

Коллекция состоит из 1000+ иконок, имеющих размеры 24х24 пикселя и выполненных в 3 стилях.

Они отлично подходят для работы в Sketch и Figma. Также авторы любезно разделили их на 16 различных категорий.

Стоимость: #бесплатно

#иконки #material #дизайн

Learn Awesome — универсальная карта обучения

Как заявляют сами разработчики платформы, «сегодня мы учимся с помощью блогов, подкастов, интерактивных исследований, видео, стримов» и т.д.

LearnAwesome призван помочь найти нужный ресурс в нужное время.

Стоимость: #бесплатно

#обучение #онлайн #бесплатно

Load Awesome — подборка красивых CSS-анимаций

Все 53 анимаций не нуждаются ни в каком JavaScript — исключительно чистые HTML и CSS.

Самое приятное во всём этом, что анимации отлично выглядят на Retina-дисплеях.

Стоимость: #бесплатно

#css #html #анимации

Kutt — бесплатный URL-сокращатель с открытым исходным кодом

Он позволяет использовать собственные пользовательские домены и статистику. При этом сам сервис имеет очень приятный современный дизайн.

Стоимость: #бесплатно

#url #open_source #бесплатно

Keyframes — простые визуальные инструменты для генерации CSS для ваших проектов

Так, с помощью инструмента Animations можно создавать ключевую CSS-анимацию с помощью визуального редактора временной шкалы.

Помимо этого есть множество других способов делать сложные вещи максимально просто.

Стоимость: #бесплатно

#css #web

​Академия Яндекса запускает Летние школы для начинающих IT-специалистов

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

Обучение бесплатное, оно продлится с 20 июля по 25 сентября: летом — лекции и практические занятия в онлайн формате, осенью — очная работа над проектами в московском офисе Яндекса. Проживание и проезд для студентов из других городов оплачивается.

Срок подачи заявок — до 23 июня. Чтобы поступить в Школы, нужно выполнить тестовое задание. Для этого потребуются базовые знания по тематикам выбранных направлений.

Поторопитесь, осталось всего 2 дня!

Remover — онлайн-инструмент для удаления объектов с фото

Отличительной особенностью сервиса является его нахождение в онлайне. То есть не нужно ничего скачивать — все операции без труда можно провести прямо в браузере.

Ну и да, Remover полностью бесплатный.

Стоимость: #бесплатно

#онлайн #инструмент #изображения

i Hate Regex — шпаргалка по регулярным выражениям

Она особенно подойдёт тем, кто с трудом понимает их. При этом на сайте можно найти объяснения множества часто используемых выражений.

Стоимость: #бесплатно

#web #регулярные_выражения #code

Icons Pattern — онлайн-генератор обоев, состоящих из паттернов

С помощью сервиса можно сделать достаточно интересные обои буквально в пару кликов. При этом для этого можно использовать как готовые наборы иконок, так и собирать их «вручную».

Для вашего удобства на сайте организован поиск по ключевым словам.

Стоимость: #бесплатно (но есть платные иконки)

#web #обои

HTML Reference — бесплатное онлайн-руководство по HTML

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

То есть если вам не понятно, за что отвечает условный <a>, сервис не только расскажет, но и покажет, что это и для чего.

Стоимость: #бесплатно

#web #html #бесплатно

Hookbin — бесплатный сервис для сбора, анализа и просмотра HTTP-запросов

С его помощью можно легко создать уникальный эндпоинт для проверки заголовков, тела, строк запроса, cookie и т.д.

Сервис поддерживает различные языки: начиная от PHP и JS, заканчивая Python и Perl.

Стоимость: #бесплатно

#web #http #js #python

Hat.sh — AES-шифровальщик прямо в вашем браузере

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

При этом разместить и развернуть hat.sh самостоятельно очень просто. Это можно сделать с помощью npm или docker.

Стоимость: #бесплатно

#шифрование #open_source #web

Hastebin — сервис для создания уникальной ссылки для вашего фрагмента кода

Работает всё достаточно просто: вы вводите кусок кода или обыкновенного текста, сохраняете его. Получившийся URL можно передать друзьям или коллегам, чтобы они могли получить к нему доступ в один клик.

Стоимость: #бесплатно

#код #web

Guijs — приложение, делающее вашу жизнь разработчика проще

С его помощью вы сможете без труда управлять JS-проектами, используя для этого удобный графический интерфейс.

В основу проекта легли такие технологии как Vue, Apollo, GraphQL и т.д.

Стоимость: #бесплатно

#js #инструмент #code