Frontend Hash
3.75K subscribers
204 photos
24 videos
2 files
361 links
Download Telegram
GlideApps — инструмент, превращающий динамические таблицы в удобные в использовании приложения

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

Достаточно лишь выбрать таблицу либо начать с работы с шаблоном. Далее нужно будет лишь настроить параметры приложения, после чего поделиться им с другими.

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

#таблицы #приложения #nocode
👍4
Temp Mail — отличный сервис с одноразовыми email

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

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

#web #email
👍41👎1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Mockoon — простейший способ разработки и запуска макетов REST API

Инструмент не требует удалённого развертывания, не требует учётной записи, при этом бесплатно и имеет открытый исходный код

Благодаря Mock API вам больше не придётся писать фиктивные функции для получения данных

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

#API #open_source

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

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

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

#код #web
👍31🔥1
Coolors — сервис для генерации и просмотра цветовых комбинаций

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

У Coolors есть iOS- и Android-приложения, а также плагин для Figma и Chrome-расширение.

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

#web #цвета

@hashdev
👍42🔥2
CodeAbbey — огромная коллекция задач по программированию

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

Из интересного: девиз проекта звучит как «Мы верим, что три вещи ведут к успеху — практика, практика и практика!»

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

#программирование #соревнование

@hashdev
👍5🔥21
Neumorphism.io — онлайн-инструмент для генерации CSS-кода в стиле неоморфизма

Работает сервис максимально просто: вы выбираете цвет элемента, его размеры, радиус, дистанцию тени и т.д

На выходе получаете готовый CSS-код, который можно вставить в ваш проект. И уже по необходимости самостоятельно «доработать»

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

#css #web #open_source
🔥4👍21
Eleventy — простенький генератор статических сайтов

Инструмент требует Node.js, но за счёт этого вся первичная «магия» генерации сайтов происходит непосредственно в Терминале

У Eleventy очень большое коммьюнити, а также крайне понятная документация

Из интересного стоит отметить, что именно с помощью этого инструмента созданы такие популярные сайты, как Chrome Developers, Netlify, Forsquare и многие другие

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

#web #node #сайты
👍3👎1
Vimium — лучший способ познать боль при веб-браузинге

Если шутки про «как выйти из Vim?» для вас вовсе не шутки, то это расширение для Chrome сделает вашу жизнь ещё сложнее

Установив его, вы сможете управлять процессом браузинга исключительно при помощи клавиатуры — о существовании мыши можно будет забыть навсегда

Те, кто использовал текстовый редактор Vim, поймут принцип работы этого инструмента

Из интересного — есть версия и для Firefox

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

#web #расширение
🔥31🥰1
Scrimba — платформа для изучения frontend-разработки

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

При этом Scrimba поддерживает мультифайловые проекты, что приближает разрабатываемые проекты к реальной жизни

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

#web #обучение #frontend
👍41🔥1
Termius — кроссплатформенный SSH-клиент, работающий на ПК и мобильных устройствах

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

Интересной особенностью инструмента является использование сквозного шифрования

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

#ssh #web #шифрование
👍41🔥1
Adobe Express бесплатный онлайн-инструмент для создания фотографий и дизайна

Сервис позволяет проводить различные манипуляции с изображениями и видео

Например, буквально в пару кликов удалить задний фон, конвертировать в gif-формат или обрезать ролик

На платформе также можно найти интересные шаблоны, которые могут быть полезны в вашем проекте

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

#web #редактор
👍51🔥1
DevSamples — полезная коллекции чужого кода

С её помощью вы можете найти кусок, который будет полезен именно вам в вашем проекте — его можно свободно скопировать и вставить

Основное внимание сервис уделяет исходным кодам для веб-разработчиков

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

#web #css #шпаргалка
👍61
Algolia — мощный, размещённый на хостинге поисковый API для добавления молниеносного поиска в ваше приложение

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

Интегрировать Algolia в свой проект достаточно просто. Также как и настроить его с помощью гибких API

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

#поиск #API
3👍1
Scratch — обучающая платформа для начинающих программистов от MIT

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

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

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

#code #дети #образование
4
DevDocs — все API-документации в одном месте

Главные преимущества DevDocs включают объединение множества официальных документаций по разработке, удобный поиск и быстрый доступ к информации.

Особенно полезным инструмент будет для студентов IT-направлений, но свою пользу смогут найти в нём и работающие специалисты

Из дополнительных плюсов: интуитивно понятный интерфейс, настраиваемые закладки и автодополнение поиска

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

#API #документация #code
4
Autocode — инструмент для автоматизации разработки и интеграции сервисов

Он позволяет разработчикам создавать автоматизировать рабочий процесс, связывать API различных сервисов и создавать микросервисы с помощью набора предопределённых шаблонов

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

Сервис ускоряет процесс разработки и повышает эффективность работы разработчиков

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

#автоматизация #code
👍51👎1
Airbrake — инструмент для мониторинга и отслеживания ошибок в веб-приложениях

С помощью Airbrake вы получаете уведомления о возникновении ошибок в реальном времени, информацию о стеке вызовов и собранные данные о среде выполнения

При этом у утилиты есть интеграция с популярными фреймворками и сервисами, гибкая фильтрация и группировка ошибок

Есть и автоматическая сборка дополнительной информации для упрощения диагностики

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

#мониторинг #ошибки #web
👍41
Raycast — умный инструмент для быстрого доступа и выполнения задач в рабочем окружении

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

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

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

#продуктивность #автоматизация
👍3
HTTP.codes бесплатный API для тестирования HTTP-ответов

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

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

#HTTP #API #web
👍63