Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

🖥 Social Factory – дизайн обложки лендинга. Его особенности - контрастная графика и геометрия, броские заголовки, а также оттенки красного.

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

✍️ Pretendard – шрифт без засечек, созданный для улучшения читаемости экранов. Часто используется в текстах пользовательских интерфейсов. Пример шрифта есть в дизайне Glass Flowers 3D Assets

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

💾 Aura Menu – меню с 3D-фоном, который медленно меняет свои цвета. При наведении курсора заголовки подсвечиваются и прокручиваются вверх.

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

🎨 Цветовая палитра макета "Weather Glitch App"

HEX | RGB
#FFEF5E | rgb(255, 239, 94)
#6EED63 | rgb(110, 237, 99)
#192FFF | rgb(25, 47, 255)

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

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

🐙 Phaser – фреймворк с открытым исходным кодом для создания браузерных игр. Визуализация основана на Canvas и WebGL, а рендеринг – на Pixi.js.

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

🐙 Computer Science – подборка курсов по CS на английском языке. Тут вы найдете информацию о том, как устроены языки программирования и архитектура проектов.

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

💾 Scratch Discount Ticket Animation – эффект "стирания пленки" с промокодом внутри. В самом конце по экрану падает конфетти.

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

🖥 Presentation Template 02 – макет для презентации, построенный на контрастах цветов и блоков. На многих слайдах элементы находятся в шахматном порядке.

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

🐙 Awesome Low Level Design – репозиторий с полезными материалами по архитектуре ПО. Здесь есть описания основных понятий и паттернов, а также вопросы для собеседований.

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

💾 Apple Liquid Glass – эффект полупрозрачного стекла, которое скользит по экрану. Движения у него плавные и реалистичные.

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

🐙 Phaser – это бесплатный и быстрый фреймворк для создания 2D-игр. Работает с HTML5, JavaScript, TypeScript, а также поддерживает Canvas и WebGL.

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

💾 Dynamic Folding – плавный эффект сложения фотографии. При создании была использована библиотека Create.js.

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

💾 Slider – слайдер с круглыми элементами, который работает как при прокрутке экрана, так и при нажатии курсором на картинку. Здесь использована библиотека Swiper.js.

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

🖥 SH freud UI Kit – дизайн для трекера настроения. Здесь использованы теплые, нежные оттенки и светло-кремовый фон, который ассоциируется с расслаблением и уютом.

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

🎨 Цветовая палитра макета "50 Gradient Texture Abstract Elements"

HEX | RGB
#FCBD54 | rgb(252, 189, 84)
#F37FA2 | rgb(243, 127, 162)
#607BE2 | rgb(96, 123, 226)

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

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

💾 Scratch Discount Ticket Animation – эффект "стирания пленки" с промокодом внутри. В самом конце по экрану падает конфетти.

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

✍️ Chakra Petch – геометрический шрифт без засечек с квадратными формами и острыми углами. Он поддерживает тайскую письменность и латиницу. Пример есть в макете Health Analytics App

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

🖥 Data Visualization – дизайн элементов инфографики в ярких, но глубоких тонах. Графики и диаграммы особенно стильно смотрятся на темном фоне.

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

💾 Expanding Card Page – карточки с многослойным эффектом. При нажатии каждая карточка раскрывается с увеличенной картинкой и блоком текста.

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

🎨 Цветовая палитра макета "Restaurant Reversion App"

HEX | RGB
#EDEDE5 | rgb(237, 237, 229)
#F27BF1 | rgb(242, 123, 241)
#8D8CF4 | rgb(141, 140, 244)

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

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