33084
FullStack-материалы от Senior-разработчика для WEB-специалистов Сотрудничество: @CodingLead Разработка сайтов любой сложности 👨🏻💻 № 5014548300
💾 Interactive Background – фон, который "следит" за движениями на экране. Блестящие пластинки меняют цвет в зависимости от направления курсора.
Сайтодел | #сниппет #css
💾 Simple Before/After – подвижный фотофильтр в виде шторки. Автоматически следует за курсором, поэтому нажимать на фильтр нет необходимости.
Сайтодел | #сниппет #css
🐙 Kodo Reader – кроссплатформенная читалка для электронных книг, написанная с помощью языка JavaScript. Поддерживает множество форматов и имеет расширенный функционал.
Сайтодел | #репозиторий #github
✍️ Righteous – шрифт без засечек с округлыми элементами, который идеально подходит для веб-дизайна: заголовков, карточек и подписей к изображениям. Пример шрифта есть в сниппете "Cards Hover Effect"
Сайтодел | #шрифт
💾 Breathe – анимированная рамка для текста с эффектом перекручивания. Ее также можно использовать как лоадер.
Сайтодел | #сниппет #css
💾 WebGL Flowers – анимация в виде "жидких" цветов, которые появляются при нажатии на экран. Окраска растения генерируется автоматически.
Сайтодел | #сниппет #css
💾 Unreal Bloom Pass – неоновая анимация, написанная на Three.js. Можно использовать ее в качестве лоадера или для отображения включенного аудио.
Сайтодел | #сниппет #css
💾 Tycho Art Generator – генератор абстрактных артов. Он будет хорошо смотреться на сайтах, посвященных современному искусству или тематическим арт-мероприятиям.
Сайтодел | #сниппет #css
🖥 Codext – дизайн лендинга для обучающей платформы. В качестве основных выбраны холодные цвета: оттенки синего, голубого и фиолетового.
Сайтодел | #макет #figma
🎨 Цветовая палитра макета "Fashion Website UI Template": HEX | RGB #C3EFD4 | rgb(195,239,212) #43C549 | rgb(67,197,73) #1B4422 | rgb(27,68,34)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🐙 Shields.io – эстетичные и понятные значки (иконки с надписями), которые можно использовать в своем Github-репозитории или в файлах Readme. Библиотека позволяет использовать готовые значки или создавать собственные.
Сайтодел | #репозиторий #github
💾 Noisy Risograph Gradient Celestial Body – генератор градиентов с визуальным шумом. Можно использовать для того, чтобы задавать фон приложений.
Сайтодел | #сниппет #css
💾 Cards Hover Effect – эффект для карточки, который показывает скрытый текст при наведении курсора. При этом текст на передней части карточки уменьшается.
Сайтодел | #сниппет #css
💾 Slider – слайдер с круглыми элементами, который работает как при прокрутке экрана, так и при нажатии курсором на картинку. Здесь использована библиотека Swiper.js.
Сайтодел | #сниппет #css
✍️ Anton – это адаптация традиционного рекламного шрифта без засечек. Формы букв и начертания были оптимизированы для использования в качестве полужирного шрифта в современных веб-браузерах. Пример шрифта есть в заголовках: "Coffee Shop Mobile App"
Сайтодел | #шрифт
🎨 Цветовая палитра макета "Codext": HEX | RGB #D4B9E6 | rgb(212,185,230) #41B5EE | rgb(65,181,238) #250F53 | rgb(37,15,83)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
Ну и денек. подумал Иван из города Нейросибирск. Казалось бы, у него есть работа, дом, соседи, друзья. Но это симуляция, а он – самосознающая искусственная личность, которая считает, что его жизнь имеет смысл.
Присоединяйтесь к контесту Yandex Cup'2023 по направлению фронтенд и устраните неисправности в симуляции, чтобы ИИван не потерял смысл своего существования.
Поспешите, подать заявку нужно до 29 октября включительно. Кстати, общий призовой фонд – 8,5 млн. рублей.
💾 Elastic Accordion GSAP – галерея для изображений с растяжимым выбранным элементом. Чтобы просмотреть фото, на него необходимо нажать.
Сайтодел | #сниппет #css
🖥 Waste Landing Page – дизайн лендинга с информацией по переработке мусора. Основная фишка дизайна - яркие цветные иллюстрации.
Сайтодел | #макет #figma
🐙 Meteor – современная платформа для создания мобильных и десктопных приложений. Поддерживает TypeScript и легко интегрируется с популярными фронтенд-фреймворками.
Сайтодел | #репозиторий #github
🎨 Цветовая палитра макета "Gradients WebSite Template": HEX | RGB #EC6E9B | rgb(236,110,155) #F3A042 | rgb(243,160,66) #27438C | rgb(39,67,140)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
✍️ Unbounded – геометрический гротеск с поддержкой кириллицы. набор дополнительных глифов подходит для более чем 100 языков во всем мире. Пример шрифта можно посмотреть в шаблоне "Gradients WebSite Template"
Сайтодел | #шрифт
🐙 33 JS Concepts – список полезных материалов для более глубокого понимания языка JavaScript. Есть версии на разных языках, включая русский.
Сайтодел | #репозиторий #github
💾 Vaporwave Sketchbook – генератор абстрактных скетчей. Подойдет для создания рандомных иллюстраций на страницах приложения.
Сайтодел | #сниппет #css
💾 Star Rating in Pure CSS – шкала рейтинга в виде сердечек, которые загораются уже при наведении курсора. Выбор сердечка помечается изменением его размера.
Сайтодел | #сниппет #css
✍️ Rufina – изысканный шрифт с высокой контрастностью символов, который вдохновлен гарнитурами Bodoni. Хорошо смотрится в заголовках текстов. Пример есть тут: "Fashion Website UI Template"
Сайтодел | #шрифт
🎨 Цветовая палитра макета "Vegan Club Website": HEX | RGB #D6E437 | rgb(214,228,55) #F47497 | rgb(244,116,151) #216903 | rgb(33,105,3)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🖥 Gradients WebSite Template – дизайн шаблона для лендингов с разноцветными градиентами. В основе дизайна лежит темная тема экрана.
Сайтодел | #макет #figma
🎨 Цветовая палитра макета "Coffee Shop Mobile App": HEX | RGB #E1D1BC | rgb(225,209,188) #B87751 | rgb(184,119,81) #42230F | rgb(66,35,15)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 Button Love – три анимированных hover-эффекта для кнопок, которые включают в себя смещение и закрашивание фона, а также наложение маленькой картинки.
Сайтодел | #сниппет #css