🐙 Bruno – сервис с открытым исходным кодом для тестирования API, альтернатива таким инструментам, как Postman или Insomnia. Работает только оффлайн.
Сайтодел | #репозиторий #github
Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Easy Sliding Menu – сайт-портфолио с анимированными диагональное меню для слайдера. Переключать слайды можно только через него, поэтому можно не беспокоиться, что не тот элемент включится случайно.
Сайтодел | #сниппет #css
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Glass Flowers 3D Assets"
Сайтодел | #палитра
HEX
| RGB
#F8A95E
| rgb(248,169,94)
#2262A5
| rgb(34,98,165)
#B2173C
| rgb(178,23,60)
⚠️ Цвет копируется одним кликом!Сайтодел | #палитра
✍️ Heebo – шрифт для латиницы и иврита, родственный шрифту Roboto. Пример шрифта можно посмотреть в сниппете "Stripe Sessions Style Flex Carousel"
Сайтодел | #шрифт
Сайтодел | #шрифт
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Cursor Tracking – маска для курсора, которая показывает скрытый слой. В середине экрана диаметр маски становится чуть меньше.
Сайтодел | #сниппет #css
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Smoothie Bowl Transition Prototype"
Сайтодел | #палитра
HEX
| RGB
#EDFFCD
| rgb(237,255,205)
#8FB351
| rgb(143,179,81)
#DF9499
| rgb(223,148,153)
⚠️ Цвет копируется одним кликом!Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
🐙 Project Based Learning – список уроков для начинающих разработчиков, по которым можно создавать небольшие проекты с нуля. Уроки делятся на языки, среди которых есть JavaScript.
Сайтодел | #репозиторий #github
Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Card Spread Position – набор карточек, которые "разлетаются" из общей куче во время прокрутки страницы вниз. В каждую карточку можно вставить изображение.
Сайтодел | #сниппет #css
Сайтодел | #сниппет #css
✍️ Lexend – шрифт без засечек, созданный в 2018 году для более удобного и комфортного чтения текстов. Пример шрифта можно увидеть в заголовках сниппета "Stripe Sessions Style Flex Carousel"
Сайтодел | #шрифт
Сайтодел | #шрифт
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Bouncy Image Radio Group – галерея с "резиновым" эффектом. После клика картинка расширяется, словно сделана из мягкого материала.
Сайтодел | #сниппет #css
Сайтодел | #сниппет #css
🐙 Complete JavaScript Course – список материалов для курса Йонаса Шмедтманна на Udemy. Здесь есть стартовые и финальные файлы для учебных проектов.
Сайтодел | #репозиторий #github
Сайтодел | #репозиторий #github
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Hexagon Rotating Gradient Border – лоадер, представляющий собой шестиугольник, по периметру которого вращается неоновый свет. Наверху поток замедляется, а внизу наоборот ускоряется.
Сайтодел | #сниппет #css
Сайтодел | #сниппет #css
🖥 Keep Your Plant Alive – дизайн сайта для садоводов, выполненный в темных и средних оттенках травянисто-зеленого цвета. В карточках используется эффект прозрачности.
Сайтодел | #макет #figma
Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Draggable Price Scale – шкала, которая высчитывает взаимосвязь цены на услугу за месяц и в год. Можно выделить цветом несколько участков шкалы в зависимости от категории цены.
Сайтодел | #сниппет #css
Сайтодел | #сниппет #css
✍️ Baskerville – старинный шрифт с засечками, который часто используют на сайтах для создания эффекта утонченной классики. Пример шрифта есть на официальном сайте Awesomeplete
Сайтодел | #шрифт
Сайтодел | #шрифт
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Canva's Magic Mouse Effect – эффект подсветки с анимированными полупрозрачными звездочками. Подойдет для ярких рекламных лендингов.
Сайтодел | #сниппет #css
Сайтодел | #сниппет #css
HTML Embed Code: