34421
FullStack-материалы от Senior-разработчика для WEB-специалистов Сотрудничество: @CodingLead Разработка сайтов любой сложности 👨🏻💻
🖥 Frosted Glass Button – дизайн кнопок с эффектом блюра. За полупрозрачным верхним слоем находятся разноцветные элементы.
Сайтодел | #макет #figma
🎨 Цветовая палитра макета "Fender Bender Guitar Tune" HEX | RGB #F9BA1D | rgb(249,186,29)
#FA00FFrgb(250,0,255) #4383FF | rgb(67,131,255)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🐙 Annyang – небольшая javaScript-библиотека для распознавания речи. Она дает возможность управлять сайтом с помощью голосовых команд.
Сайтодел | #репозиторий #github
💾 Loading Bar – анимация загрузки с прямоугольными элементами. Можно использовать ее как единый блок для страницы, а можно выбрать один из четырех квадратов.
Сайтодел | #сниппет #css
🐙 Aos – библиотека анимаций для JavaScript, сокращенно от "Animate On Scroll". Она позволяет не только пользоваться готовыми анимациями скролла, но и кастомизировать их для любого проекта.
Сайтодел | #репозиторий #github
🎨 Цветовая палитра макета "Cosmetic & Skincare Branding" HEX | RGB #FEF6A5 | rgb(254,246,165)
#FF7A01rgb(255,122,1) #0224AA | rgb(2,36,170)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
✍️ Varela Round – шрифт со скругленными буквами, который подходит для небольших заголовков, текстов на карточках и подписей к иллюстрациям. Пример шрифта есть в сниппете 3D Preloader
Сайтодел | #шрифт
🖥 Fender Bender Guitar Tune – концепт дизайна приложения для музыкального магазина. Его особенности – это сочные цвета, контрасты, ретро-шрифты и черные контуры у карточек.
Сайтодел | #макет #figma
🎨 Цветовая палитра макета "Dream Job App" HEX | RGB #B7CBCC | rgb(183,203,204)
#FF8041rgb(255,128,65) #2C696C | rgb(44,105,108)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🐙 Academic Pages – готовый шаблон GitHub Pages для научных сайтов, в который можно подгружать PDF-файлы. Подходит для размещения публикаций, постов, портфолио, лекций и резюме.
Сайтодел | #репозиторий #github
🖥 Cosmetic & Skin Care Branding – дизайн для бренда косметики. Самое интересное здесь - шрифты, яркие цвета и графическое оформление карточек.
Сайтодел | #макет #figma
💾 Check Micro Animation – анимация со звуком, при которой чекбокс заполняется градиентом и появляются дополнительные элементы вокруг.
Сайтодел | #сниппет #css
Станьте AI-разработчиком на Python и зарабатывайте от 150.000₽ в месяц 🔥🔥🔥
Мы научим вас создавать и тренировать нейронные сети, и вы сможете:
1️⃣ Устроиться разработчиком в крупную компанию и зарабатывать от 150 тыс. ₽ в месяц
2️⃣ Разрабатывать такие проекты на заказ и зарабатывать от 500 тыс. ₽ за проект
3️⃣ Создать нейро-сотрудника в вашей компании и вырасти на +30-100% в зарплате
На интенсиве будет много практики: создадим 9 нейросетей за 1 вечер:
🧬 Прогноз стоимости золота
🧬 Сегментация изображения для робота доставщика
🧬 Трекинг людей на видео
Ведущий интенсива - Senior AI-разработчик и основатель Университета искусственного интеллекта
🔥 Регистрируйтесь на бесплатный интенсив! Встречаемся в ближайшую среду
🐙 Eidos – альтернатива приложению Notion, которая работает оффлайн. Проект написан на языке TypeScript и имеет открытый исходный код.
Сайтодел | #репозиторий #github
✍️ Aglet Mono – моноширный шрифт со скругленными буквами, который подходит для небольших заголовков. Пример можно увидеть в сниппете Single Keyframe Tricks
Сайтодел | #шрифт
💾 Animations – минималистичные подвижные волны, которые обрамляют заголовок. Анимация применяется к SVG-коду при помощи классов CSS.
Сайтодел | #сниппет #css
✍️ Manrope – современный шрифт без засечек, созданный для цифровых дисплеев. Он хорошо подходит для блоков текстов. Посмотреть шрифт можно на сайте проекта UI
Сайтодел | #шрифт
🖥 DesignCode UI – дизайн-система для создания мобильных приложений. Она включает в себя полупрозрачные скругленные карточки и элементы с разноцветными градиентами.
Сайтодел | #макет #figma
💾 Simple Grid With Reveal – галерея, в которой изображение при наведении курсора становится цветным и визуально отдаляется. Сама карточка переходит из темного режима в светлый.
Сайтодел | #сниппет #css
💾 Stacked Cards with Autoplay – карточки, которые перелистываются автоматически. Активная карточка имеет слабую оранжевую подсветку в виде рамки. Подсветка не исчезает во время анимации.
Сайтодел | #сниппет #css
💾 Longcat Scroll – индикатор скролла в виде большого длинного кота. Слева показана длина кота в пикселях. В исходной позиции появляется всплывающее окно с прогрессом.
Сайтодел | #сниппет #css
💾 Atom Preloader – сложный лоадер в форме атома с элементами, которые вращаются в разные стороны. Кольца крутятся как в одной плоскости, так и по собственной оси.
Сайтодел | #сниппет #css
💾 Cylinder Toggle – объемный переключатель в виде бочонка с реалистичной тенью. После нажатия он перекатывается и меняет цвет.
Сайтодел | #сниппет #css
✍️ Fjalla One – экранный шрифт без засечек средней контрастности. Имеет хорошую читаемость и приспосабливается к разным размерам экранов. Пример шрифта есть в сниппете Hamburgers
Сайтодел | #шрифт
💾 3D Preloader – необычный 3D-лоадер с элементами в виде подвижных столбиков. Чем выше столбик, тем ярче он окрашивается в синий цвет.
Сайтодел | #сниппет #css
На Open AI вышла новая версия io-1, которая разденет любую девушку
Открываете Нейросеть вводите имя знаменитости или отправляете фотографию человека, и нейросеть сделает дипфейк.
Попробуйте сами в Нейросети
🎨 Цветовая палитра макета "Beauty And Skincare Landing Page" HEX | RGB #D1E3E3 | rgb(209,227,227)
#93CCDFrgb(147,204,223) #2B6477 | rgb(43,100,119)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 CSS Responsive House – анимированная иллюстрация, которая меняется в зависимости от положения шкалы. Этот прием можно использовать в карточках товаров и на сайтах недвижимости.
Сайтодел | #сниппет #css
🖥 Dream Job App – обложка для мобильного приложения в оттенках светло-зеленого и оранжевого. Его фишки - контраст, геометрические фигуры и шрифт с засечками.
Сайтодел | #макет #figma
💾 Transform Toggles – переключатель карточек на чистом CSS. В активном состоянии фон становится непрозрачным, а нижняя линия растягивается на всю ширину карточки.
Сайтодел | #сниппет #css