КодВеб | Дизайн База

👩‍💻 Moon River Макет одностраничного сайта для ювелирного магазина. 🟠 Сложность: Средний 🟠 Адаптивность: Нет Исходники | @codewebx | #figma 🖥 Готовые шаблоны, плагины, темы

Джуниоров не берут на работу! Это потому что у них нет коммерческого опыта. Но где его взять, если не берут на работу без опыта? Чтобы наработать опыт надо делать пет-проекты — это сайты, приложения и сервисы, которые похожи на коммерческие и показывают весь опыт джуна на практике.  Обычно новички не могут придумать такие проекты самостоятельно.  Поэтому один добрый тимлид выкладывает такие пет-проекты к себе в телеграм-канал, чтобы помочь новичкам, стартующим в профессии.

👨‍💻 Responsive Slider with Scrollbar Отзывчивый слайдер со встроенным скролбаром для удобства. Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

Не плати 100к за платные курсы 💸 По этим 4 каналам можно освоить Frontend-разработку с нуля 👇 📌Senior Frontend — JS, HTML и CSS 📌Frontend Interview — как проходить собеседования 📌Web Craft — только Web-разработка 📌Frontender Libs - библиотеки для фронтендеров

❔ Как изменить насыщенность шрифта? Свойство font-weight задаёт насыщенность шрифта. Свойство наследуется. CSS оформление:

font-weight: normal;
font-weight: bold;
font-weight: lighter;
font-weight: bolder;
font-weight: 100;
font-weight: 200;
font-weight: 300;
font-weight: 400;
font-weight: 500;
font-weight: 600;
font-weight: 700;
font-weight: 800;
font-weight: 900;
font-weight: inherit;
font-weight: initial;

@codewebx | #tutorial 🖥 Готовые шаблоны, плагины, темы

👩‍💻 SIMPLE Макет лендинга магазина с вещами из бумаги. 🟠 Сложность: Легкий 🟠 Адаптивность: Есть Исходники | @codewebx | #figma

👨‍💻 Animated variable font Анимированный текст, у которого при наведении курсором меняется насыщенность. Исходники | @codewebx | #codepen

Макеты для вёрстки сайтов — это канал, где собраны уникальные примеры реальных макетов в Figma, которые заказчики присылают на вёрстку. Учитесь, практикуйтесь, пополняйте свое портфолио настоящими работами вместе с @build_html

❔ Как совместить градиент с фоновым изображением? За счёт комбинации градиента и изображения можно создавать интересные эффекты. Для градиента нужно использовать полупрозрачные цвета, чтобы картинка оставалась видимой. CSS оформление: div { height: 453px; background: linear-gradient(45deg, rgba(103, 0, 31, .8), rgba(34, 101, 163, .5)), url(...); background-size: cover; } @codewebx | #tutorial

⚠️ Обнаружен ЛУЧШИЙ канал по ФРОНТЕНДУ ⚠️ ▫️Каждый день публикуются обучающие посты, полезные ссылки для вашего кода или викторины на проверку знаний. ▫️ Различные анимации, эффекты и многое другое, что поможет сделать ваш сайт уникальным и интересным. ▫️Подпишись на Code Ready и улучши свои навыки web-разработки! 🎯

👩‍💻 Createx SEO Многостраничный макет агентства по маркетингу. 🟠 Сложность: Сложный 🟠 Адаптивность: Есть Исходники | @codewebx | #figma

На css и js можно делать крутые отзывчивые интерфейсы Если знать, как 💥 Приручить вёрстку поможет Нестыдный код. Создавай классные эффекты в своих работах, даже если с фантазией все плохо Несколько сотен готовых решений для вдохновения и использования  Личный помощник фронтендеру прямо в мессенджере!

👨‍💻 Pulse button Пульсирующая кнопка для сайта. Исходники | @codewebx | #codepen

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 17 октября. Реклама. ИП Чернова О. А., ИНН:771399721044, erid:LjN8K6N8C

❔ Как сделать цветокоррекцию в CSS? hue-rotate() меняет цвета изображения в зависимости от заданного угла поворота в цветовом круге. Значение задается в градусах от 0deg до 360deg. 0deg — значение по умолчанию, означает отсутствие эффекта. CSS оформление: filter: hue-rotate(270deg) @codewebx | #tutorial

Первых 10 человек впустим в наш закрытый чат: https://t.me/+CTt8cBnOGIFjNDUy 🤫 Всем участникам этого чата скидка 100р

Подписчики, мы тут слили платного материала для веб-разрабов на 5000$... Все это ты можешь найти в нашей приватке, а именно: 😊 Готовые шаблоны для создания стильных и функциональных сайтов. ⚙️ Плагины, которые упростят работу и добавят новые возможности сайту. 🖌 Премиум-темы, которые обеспечат твоему сайту уникальный внешний вид. + Доступ в закрытый чат для веб-разработчиков и веб-дизайнеров (100+ единомышленников). 💸 Стоимость: 299р/навсегда. Купи один раз и сэкономь много времени и денег! Есть вопрос? Пиши мне.