34421
FullStack-материалы от Senior-разработчика для WEB-специалистов Сотрудничество: @CodingLead Разработка сайтов любой сложности 👨🏻💻
💾 Photo Gallery – галерея с изображениями, которые раскрываются при наведении курсора. На остальные фото при этом накладывается темный фильтр.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Abstract 3D Coral Shapes" HEX | RGB #FFB8C2 | rgb(255,184,194)
#F5774Frgb(245,119,79) #5C837E | rgb(92,131,126)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 Suit Home – трехмерная модель комнаты в чемодане, выполненная в Three.js. Подойдет для сайтов о дизайне помещений.
Сайтодел | #сниппет #css
💾 Dancing Bubble – полупрозрачный пузырь, который перемещается вслед за курсором. Его границы подвижны, а блики меняются при движении.
Сайтодел | #сниппет #css
💾 Bookmark App – мини-приложение для заметок и фотографий. Каждый элемент увеличивается при нажатии.
Сайтодел | #сниппет #css
🖥 Abstract 3D Coral Shapes – набор из 16 объемных фигурок кораллов: 8 красно-оранжевых и 8 сине-зеленых. Все фигурки сгенерированы ИИ и имеют высокое качество.
Сайтодел | #макет #figma
🐙 JavaScript Testing Best Practices – сборник материалов по тестированию приложений. Есть примеры кода и перевод на многие языки мира.
Сайтодел | #репозиторий #github
✍️ New Kansas – шрифт с засечками, который подходит для заголовков, коротких надписей и логотипов. Пример шрифта есть на официальном сайте Expensify
Сайтодел | #шрифт
✍️ Apercu Pro – шрифт без засечек, который подходит для блоков текстов. Поддерживает кириллицу и латиницу. Пример шрифта есть в дизайне "Seafood Restaurant Landing Page"
Сайтодел | #шрифт
💾 Star Trails With Options – эффект блестящих звездочек для курсора. Он имеет три варианта: с гравитацией (частицы летят вниз), без гравитации и постепенное затухание.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "The Art Of Geometry" HEX | RGB #D4EEDB | rgb(212,238,219)
#F88484rgb(248,132,132) #437A50 | rgb(67,122,80)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
HTML, CSS, JS, Node.JS, 🤯 - пора бы всё объединить!
Все для изучения веба
👉 Фронтенд - самый большой канал для изучения фронта
👉 Верстка - все о верстке
👉 Node.JS - для тех кто хочет писать бэк на JS
Собрано всё, проверяй🔥
🖥 The Art Of Geometry – набор 3D-фигур для дизайна. Тут есть матовые и глянцевые объекты, имитация стеклянных фигур и сложные геометрические формы.
Сайтодел | #макет #figma
🐙 App Ideas – подборка идей для тренировочных мини-приложений. Идеи разделены на три уровня сложности и периодически пополняются.
Сайтодел | #репозиторий #github
🎨 Цветовая палитра макета "Money Forest" HEX | RGB #C8CDB7 | rgb(200,205,183)
#F7726Crgb(247,114,108) #066873 | rgb(6,104,115)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
Материалы из этого канала дают на платных курсах
Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое
👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!
✍️ Inter Tight – шрифт, разработанный специально для цифровых экранов. Имеет небольшие расстояния между символами. Пример шрифта можно посмотреть в макете "Gradients WebSite Template"
Сайтодел | #шрифт
🖥 Colour Palettes/ Moodboards – набор цветовых палитр, однотонных цветных карточек и фоновых изображений с готовыми текстурными фильтрами.
Сайтодел | #макет #figma
🐙 25 Reactjs Interview Projects – код с готовыми учебными проектами на React. Здесь вы найдете примеры, которые помогут улучшить навыки работы с этим фреймворком.
Сайтодел | #репозиторий #github
🎨 Цветовая палитра макета "Sharing Bills App UI Design" HEX | RGB #FFE2AC | rgb(255,226,172)
#CD7360rgb(205,115,96) #8FD8F8 | rgb(143,216,248)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 Mini Music Player – стильный музыкальный плеер, написанный на Vue.js. Тут можно переключать песни, добавлять их в избранное и смотреть ссылки с информацией.
Сайтодел | #сниппет #css
💾 Responsive GSAP Slider – слайдер для представления продуктов с подвижными SVG-картинками. Слайдер можно легко настроить под себя.
Сайтодел | #сниппет #css
💾 Custom Keyboard Landing Page – лендинг с вращающимся 3D-изображением клавиатуры. При скролле запускается анимация двух частей страницы.
Сайтодел | #сниппет #css
🖥 Sharing Bills App UI Design – дизайн приложения для отслеживания платежей за недвижимость. Все оттенки здесь светлые и теплые, есть много 3D-иллюстраций.
Сайтодел | #макет #figma
🐙 Awesomeplete – настраиваемый виджет для автозаполнения. Он создан в соответствии с современными стандартами браузеров и не имеет зависимостей.
Сайтодел | #репозиторий #github
💾 Responsive Shader Carousel – галерея, показывающая выбранное изображение на заднем плане. Перелистывать можно только с помощью двух кнопок.
Сайтодел | #сниппет #css
💾 Curved Nav – элемент, который можно использовать как основу для меню или галереи изображений. Контраст создается за счет сложного градиентного фона.
Сайтодел | #сниппет #css
💾 Slide Sign In/Sign Up Form – форма с переключением двух режимов: регистрация и вход. Правая и левая части плавно меняются местами.
Сайтодел | #сниппет #css
💾 Folding Travel Carousel – галерея для изображений в виде сложенного листа бумаги. Выбранное фото раскрывается при наведении курсора.
Сайтодел | #сниппет #css
✍️ Georgia – антиква, разработанная в 1993г. для Microsoft. Удобно читается на маленьких экранах и при небольшом размере шрифта. Пример этой гарнитуры есть в сниппете "Animated Covers"
Сайтодел | #шрифт
