34421
FullStack-материалы от Senior-разработчика для WEB-специалистов Сотрудничество: @CodingLead Разработка сайтов любой сложности 👨🏻💻
💾 Card Spread Position – набор карточек, которые "разлетаются" из общей куче во время прокрутки страницы вниз. В каждую карточку можно вставить изображение.
Сайтодел | #сниппет #css
🐙 Project Based Learning – список уроков для начинающих разработчиков, по которым можно создавать небольшие проекты с нуля. Уроки делятся на языки, среди которых есть JavaScript.
Сайтодел | #репозиторий #github
🎨 Цветовая палитра макета "Smoothie Bowl Transition Prototype" HEX | RGB #EDFFCD | rgb(237,255,205)
#8FB351rgb(143,179,81) #DF9499 | rgb(223,148,153)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
✍️ Heebo – шрифт для латиницы и иврита, родственный шрифту Roboto. Пример шрифта можно посмотреть в сниппете "Stripe Sessions Style Flex Carousel"
Сайтодел | #шрифт
💾 Easy Sliding Menu – сайт-портфолио с анимированными диагональное меню для слайдера. Переключать слайды можно только через него, поэтому можно не беспокоиться, что не тот элемент включится случайно.
Сайтодел | #сниппет #css
🐙 Bruno – сервис с открытым исходным кодом для тестирования API, альтернатива таким инструментам, как Postman или Insomnia. Работает только оффлайн.
Сайтодел | #репозиторий #github
✍️ Heebo – шрифт для латиницы и иврита, родственный шрифту Roboto. Пример шрифта можно посмотреть в сниппете "Stripe Sessions Style Flex Carousel"
Сайтодел | #шрифт
💾 Responsive MacOS Style Portfolio – портфолио с вкладками, стилизованное под интерфейс macOS. Основная фишка – полупрозрачный фон модального окна.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Agriculture Landing Website Templates" HEX | RGB #D4D4BE | rgb(212,212,190)
#49A760rgb(73,167,96) #1F4E3D | rgb(31,78,61)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🖥 Glass Flowers 3D Assets – набор PNG-изображений стеклянных цветов. Есть три варианта картинок: золотые, сине-розовые (с фильтром) и черно-белые.
Сайтодел | #макет #figma
💾 80s Music Facts – страница с плеером и анимированными карточками. Если навести курсор на фото, оно приблизится с небольшим поворотом вправо.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Sleep Time App" HEX | RGB #FBE7E8 | rgb(251,231,232)
#E7A3A9rgb(231,163,169) #CE525D | rgb(206,82,93)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 CSS-Only Shimmering Neon Text – эффект для текста с анимированной подсветкой и цветовым градиентом, написанный на чистом CSS.
Сайтодел | #сниппет #css
🐙 Awesome Design Patterns – список паттернов проектирования для разных языков программирования и фреймворков, а также советы по работе с облачной архитектурой и микросервисами.
Сайтодел | #репозиторий #github
✍️ REM – шрифт без засечек, который подходит для экранов устройств и брендинга продуктов. Пример можно посмотреть в сниппете "45 CSS Only Buttons"
Сайтодел | #шрифт
🖥 Velvety – дизайн сайта для магазина косметических средств. Выполнен в теплых оттенках оливкового и темно-зеленого. В заголовках используется шрифт с засечками.
Сайтодел | #макет #figma
💾 Gallery – галерея с зум-эффектом при наведении курсора на картинки. Для каждого изображения есть маленькие подсказки.
Сайтодел | #сниппет #css
💾 Cursor Tracking – маска для курсора, которая показывает скрытый слой. В середине экрана диаметр маски становится чуть меньше.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Glass Flowers 3D Assets" HEX | RGB #F8A95E | rgb(248,169,94)
#2262A5rgb(34,98,165) #B2173C | rgb(178,23,60)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
👨💻 Вам нужен сайт?
Мы найдем вам исполнителя. Напишите нам свои пожелания по сайту в свободной форме. Достаточно нажать на кнопку ниже, потратить 1 минуту времени и ждать ответа.👇
💾 Portfolio Page – сайт-портфолио с анимированными элементами и ссылками на примеры работ. При наведении курсора на круглую картинку она становится цветной.
Сайтодел | #сниппет #css
🖥 Smoothie Bowl Transition Prototype – прототип для анимации с вращающимися тарелками. Во вкладке "design" есть разные варианты цветового оформления страницы.
Сайтодел | #макет #figma
🐙 Cesium – библиотека JavaScript для создания 3D-глобусов и 2D-карт в браузере. Подходит для создания приложений, где требуются геоданные.
Сайтодел | #репозиторий #github
💾 Wooden Toggles – реалистичные объемные переключатели, стилизованные под дерево. При нажатии цвет переключается плавно.
Сайтодел | #сниппет #css
✍️ Roghiska – элегантный шрифт с засечками, который подойдет для логотипов, а также для названий брендов, журналов, книг и фильмов. Пример шрифта есть в макете Modern E-Commerce UI Kit
Сайтодел | #шрифт
В Telegram появился бесплатный бот с нейронками ChatGPT, Midjourney и Stable Diffusion
Он умеет делать картинки, переводить тексты, расшифровывать сообщения и многое другое. В одном боте собрали несколько нейросетей, поэтому пользоваться им очень удобно.
Протестировали бота админы канала «YoBooster». Они выкладывают шаблоны промтов и объясняют, что в них важно поменять, чтобы получить нужный результат со 2-3 раза.
👉Сам бот
Подписывайся, чтобы быть эффективнее других благодаря нейросетям: @YoBooster_rus
Акции в подарок каждому инвестору
Альфа-Инвестиции дарят акции 30 дней подряд, если вы откроете брокерский счёт до 30 апреля.
Просто покупайте акции каждый день на любую сумму и ежедневно получайте акции в подарок.
В приложении Альфа-Инвестиций есть обучение и советы от экспертов.
Узнать больше
👨💻Изучаешь Frontend? Я тоже!
idk Frontend - канал, в котором я максимально подробно конспектирую весь мой путь обучения с самого старта.
С меня:
— Сложная теория простым языком;
— Практические примеры и объяснения;
— Работа над ошибками.
С тебя:
— Подписка @idk_frontend
Продолжим обучаться вместе! 👋
💾 Masked Circle Slider – слайдер с маской в виде окружности с текущей фотографией. Чтобы перелистнуть страницу, нужно перетащить ее вправо или влево.
Сайтодел | #сниппет #css
💾 Wriggly Squiggly Nav – оригинальный дизайн меню с нижним подчеркиванием табов. Волна "перетекает" с одной вкладки на другую.
Сайтодел | #сниппет #css