🐙 React Developer Roadmap – карта необходимых навыков для React-разработчика. Включает в себя схему и ссылки на полезные ресурсы.

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

💾 Spinny Flipz – слайдер, в котором можно прокручивать изображения и выбирать картинки для просмотра.

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

🎨 Цветовая палитра макета "Food Catering Service App":

HEX | RGB
#E1F9D9 | rgb(225,249,217)
#9AD883 | rgb(154,216,131)
#FDC66A | rgb(253,198,106)

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

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

✍️ Visby CF – геометрический шрифт, в котором жесткие линии и острые углы сочетаются с плавными, округлыми формами. Пример шрифта есть в макете "Learn & Grow"

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

💾 Sparkle Button – кнопка, которая имеет анимированную обводку и в активном состоянии светится неоновым сине-фиолетовым цветом.

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

🐙 JavaScript Interview Questions – список вопросов и ответов для собеседования. Подойдет для обучающихся среднего уровня и выше.

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

💾 Card Pagination – слайдер с пагинацией. Позволяет переключать по одной странице или переходить сразу в начало/в конец. Изображения растягиваются в высоту при изменении высоты экрана.

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

🖥 Mobile & Web Portfolio UI Design – дизайн сайта-портфолио в оттенках персикового и темно-зеленого цветов. Особо выделяются заголовки, выделенные контрастным шрифтом с засечками.

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

💾 Weather App Concept – анимация для мобильного приложения, написанная на чистом CSS. Лучше всего работает в Chrome.

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

🎨 Цветовая палитра макета "MeTime Mobile Web App":

HEX | RGB
#CBCBCB | rgb(203,203,203)
#FDCCC5 | rgb(253,204,197)
#816967 | rgb(129,105,103)

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

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

💾 Three.js Loading Spinner – двухцветный спиннер для темной темы экрана, который состоит из геометрических фигур.

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

✍️ Inria Serif – элегантный шрифт с засечками и высокой контрастностью элементов, который подходит для статей и подзаголовков. Пример можно посмотреть в макете "Ngan Pho Gallery Landing Page"

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

💾 Liquid Content Reveal – эффект, при котором маска на изображении становится прозрачной. Маркер, стирающий ее, создает эффект жидкости.

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

🖥 AI Photo Generator – дизайн для сайта с генерацией изображений. Основные особенности: контраст черного и фиолетового, неоновая подсветка, футуристичные шрифты.

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

🎨 Цветовая палитра макета "Mobile & Web Portfolio UI Design":

HEX | RGB
#FFCEBF | rgb(255,206,191)
#FF9676 | rgb(255,150,118)
#00341E | rgb(0,52,30)

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

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

💾 CSS Loading Spinners – набор анимированных одноцветных спиннеров для отображения загрузки. Они написаны на CSS без использования JavaScript.

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

🐙 Swiped Events – библиотека, которая добавляет событие 'swiped' в DOM нативного JavaScript. Всего есть четыре события: пролистывание вверх, вниз, вправо и влево.

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

💾 Spooky Scrolling – слайдер с анимированными элементами. При прокрутке слой с кустами накладывается на слой с небом.

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

✍️ Titillium Web – шрифт без засечек, разработанный в рамках студенческого проекта Академии изящных искусств г. Урбино (Италия). Пример шрифта можно увидеть в сниппете "Atom Button"

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

💾 Isometric Card Grid – набор разноцветных визиток с похожим дизайном. Этот макет также подойдет для презентации собственного дизайна карточек.

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