Happy Hues — наглядный инструмент для подбора цветовой схемы сайта

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

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

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

#web #colors

Userbase — самый простой способ добавить учётные записи пользователей на ваш статический сайт

Все функции платформы доступны через очень простой JavaScript SDK, прямо из браузера. Это лишает необходимости наличия бэкенда.

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

#web #js

Glyphy — это онлайн-инструмент для удобного копирования ASCII-символов и глифов

Больше нет нужды запоминать сложные коды или гуглить те или иные символы. Достаточно зайти на Glyphy и скопировать нужный — их тут много!

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

#ascii #web

Bubble — no-code платформа создания веб-приложений

Нет никакой необходимости писать код, создавая свой сервис. Достаточно лишь воспользоваться методом point-and-click.

Полученные проекты размещаются на собственной облачной платформе Bubble.

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

#web #no_code

CSS Grid Generator — онлайн-инструмент, позволяющий быстро сгенерировать необходимую CSS-сетку

Пользователю достаточно лишь указать число столбцов и строк, а сервис автоматически сгенерирует на основе этой информации сетку.

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

#web #css #open_source

Array Explorer — онлайн-ресурс для лучшей работой с массивами в JavaScript

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

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

#javascript #web #open_source

Eror 404 — сборник интересных иллюстрация для страницы с 404-й ошибкой

Прекрасная и постоянно растущая коллекция иллюстраций для страницы 404. Все скачиваемые с сайта файлы совместимы со Sketch и Figma.

Отдельным пунктом стоит отметить, что все представленные иллюстрации — royalty free.

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

#web #404

CSS GG — огромная библиотека CSS-иконок

Также здесь можно найти варианты, созданные в Figma и формата SVG. Всего заявляется о 700+ иконках. И что самое приятное — все они бесплатны

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

#css #svg #figma

Pixabay — гигантская библиотека с бесплатными фотографиями

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

Отдельно стоит отметить, что все материалы, собранные на сайте — royalty free.

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

#images #video #royalty_free

JSON Resume — необычная проект по созданию общего стандарта для резюме на основе JSON

Инициатива имеет открытый исходный код и разрабатывается «разработчиками для разработчиков».

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

#резюме #web #open_source

Sal — легковесная анимация прокрутки на JavaScript

Проект ориентирован на производительность. При этом вес анимации составляет менее 2,8 КБ, а написана она на ванильном JS.

Её исходный код доступен всем желающим на GitHub-аккаунте разработчика.

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

#javascript #open_source

Zero Width Shortener — «волшебный» сокращатель ссылок

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

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

#url #web #magic

Zettlr — мощный markdown-редактор

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

А ещё проект open source.

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

#markdown #web

Zeroto255 — удобный инструмент для подбора цветовой гаммы проекта

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

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

#цвет #web

Simple Icons — гигантская библиотека SVG-иконок

Здесь вы можете найти более 2200 бесплатных иконок популярных брендов для своих проектов. В том числе Adobe, Apple, YouTube и т.д.

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

#svg #icons #бесплатно

IconScout — онлайн-редактор SVG-картинок

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

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

#svg #editor #бесплатно

Kite — ИИ-плагин автозаполнения кода

На данный момент инструмент поддерживает 16 языков и 16 редакторов кода.

Что важно — плагин на 100% работает локально.

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

#code #ии #плагин

Utterances — лёгкий виджет комментариев

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

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

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

#виджет #github

Adalo — лёгкий способ создавать приложения

Благодаря тому, что инструмент построен по принципу no-code, создавать приложения с его помощью так же просто, как и обыкновенные презентации.

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

#web #no_code #apps

Ten Hands — простой способ организации и выполнения задач для Windows, Mac и Linux

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

Благодаря данному инструменту, это можно делать удобнее и сразу из одного места.

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

#terminal #organizer

Writty — минималистичный текстовый редактор в браузере

Создаваемые файлы хранятся лишь локально. При этом есть возможность сохранит документ в формате PDF, а экспортировать в Markdown, HTML и Plain Text.

Есть также приложение для macOS, но оно уже платное — 8,99 долларов.

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

#web #редактор #minimalistic