🖥 Email Template – набор шаблонов для электронных писем. Основные плюсы – это нежная цветовая палитра и броские иллюстрации.

Сайтодел | #макет #figma

💾 Generative Сolor Harmonies – генератор сочетаний цветов. Отличный инструмент для веб-дизайнера или художника.

Сайтодел | #сниппет #css

🐙 Tiptap – фреймворк для создания текстовых редакторов. Дает возможность создавать проекты с нуля и добавлять функциональность под свои нужды. Фреймворк имеет открытый исходный код.

Сайтодел | #репозиторий #github

🎨 Цветовая палитра макета "Brutalist Shape Elements Megapack"

HEX | RGB
#FEDC00 | rgb(254, 220, 0)
#FF73A8 | rgb(255, 115, 168)
#3F5EF4 | rgb(63, 94, 244)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

💾 Interactive Pyramid – прозрачная многослойная пирамида, которую можно крутить курсором. Внизу есть кнопка для вызова спецэффектов.

Сайтодел | #сниппет #css

Remote SSH - плагин VS Code для удаленного подключения

Если вы занимаетесь разработкой, часто приходится через SSH подключаться к серверу или определенному компьютеру. Это расширение упростит процесс подключения, а также позволит это сделать не выходя из VS Code.

Работа этого плагина особо ничем не отличается от обычного подключения через SSH. Вам предложат ввести IP-адрес сервера, имя пользователя и ключ аутентификации. В дальнейшем можно настроить конфигурационный файл для более удобного подключения.

Сайтодел | #расширение #vscode

💾 Ball – сфера в виде мяча с линиями из букв. Вращать фигуру можно только за специальную круглую кнопку.

Сайтодел | #сниппет #css

🖥 Top 50+ Landing Pages – коллекция дизайнов для лендингов. Каждый из них представляет собой готовый шаблон, в который можно подставить лишь текст и фото.

Сайтодел | #макет #figma

🐙 Pixel Art React – онлайн-редактор для создания пиксельной графики с помощью CSS. Нарисованную курсором картинку можно скопировать как CSS-код.

Сайтодел | #репозиторий #github

✍️ Hanover – минималистичный шрифт, который подойдет для сайтов люксовых брендов. Лучше всего он смотрится в заголовках. Пример можно увидеть в дизайне Investment App

Сайтодел | #шрифт

💾 Card Clip Path – двойная карточка. Нижний слой виден вокруг курсора, а при нажатии показывается целиком.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "Email Template"

HEX | RGB
#F8FFA8 | rgb(248, 255, 168)
#FDA4E9 | rgb(253, 164, 233)
#8F98FF | rgb(143, 152, 255)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

🖥 Keep Your Plant Alive – дизайн сайта для садоводов, выполненный в темных и средних оттенках травянисто-зеленого цвета. В карточках используется эффект прозрачности.

Сайтодел | #макет #figma

🖥 School App – дизайн приложения для школьников, который включает сочетания разных геометрических фигур и контрастные цвета.

Сайтодел | #макет #figma

💾 Cards Path Marquee – галерея карточек с прокруткой на чистом CSS. В месте пересечения карточки ложатся в два слоя.

Сайтодел | #сниппет #css

✍️ Stadt – современный геометрический гротеск, вдохновленный стилем баухаус. Он используется в карточках и подзаголовках дизайна Ray Ban Elegant Sunglasses Store App

Сайтодел | #шрифт

🖥 NFT's Marketplace – дизайн для онлайн-магазина. Основные особенности – блики, неоновая подсветка и акцентный шрифт заголовков.

Сайтодел | #макет #figma

🐙 Learning Roadmap – план тем для изучения фронтенд-разработки. По ссылке в репозитории есть схема с карточками и подробная информация о каждой теме.

Сайтодел | #репозиторий #github

💾 Card Beam Animation – эффект, который показывает "нижний слой" карточек. Галерею можно листать вручную, а также задавать ей направление движения (направо или налево).

Сайтодел | #сниппет #css

💾 Turnable Cards – трехмерная анимация карточек. При наведении курсора карточка просто двигается, а при нажатии - переворачивается.

Сайтодел | #сниппет #css