CSS + вёрстка

Плейлист с полезными уроками и курсами по верстке на языке CSS и создании функционального и красивого сайта.

📺 YouTube

WebDEV #видео

Выбор цвета для сайта: Как заимствование цветов может изменить ваш дизайн

В этом видео обсуждаются нюансы выбора цвета для сайта и как заимствование цветовых палитр может повлиять на дизайн. Вы узнаете о проблемах использования стандартных библиотек палитр, а также о том, как библиотека референсов и заимствование цветов из различных источников могут разнообразить ваш дизайн. Видео включает обзоры цветовых рефов, обсуждение пропорций цветов, и подчеркивает важность отхода от нейтральных оттенков для создания более интересных и динамичных визуальных решений.

📺 YouTube

WebDEV #видео

Реальный проект на фрилансе | Сайт по доставке еды

Сегодня покажу один из своих проектов. Это сайт на котором люди будут заказывать себе еду разных категорий. Для сайта была сделана пк версия и мобильная. Заказчик полностью остался доволен работой

📺 YouTube

WebDEV #видео

💡 Шпаргалка по HTML

WebDEV #советы

💡Шпаргалка по CSS

WebDEV #советы

💡 Шпаргалка по JS

WebDEV #JS

💡 Шпаргалка по Adobe Photoshop

WebDEV #советы

Рисуем сайт и айдентику с арт-директором

Рисуем сайт и айдентику с арт-директором
Евгений Кузьмин (CEO & Art-director студии UPROCK) делится своим опытом, рисует актуальный дизайн, и разбирает главные ошибки в UX/UI.

📺 YouTube

WebDEV #видео

Концепт упаковки чифира "Колокольщик" — 10/10

Автор канала ParaGraph каждый день публикует самые интересные решения в дизайне от агентств и фрилансеров со всего мира, а так же результаты конкурсов и фестивалей.

Мои фавориты — это ребрединг молочки Милград с их котиками и до безумия детализированная этикетка крафтового вина Father’s Wine!

Очень рекомендую подписаться:
@paradigm_graphics

Секреты создания уникальных сайтов: эклектика в веб-дизайне

В этом видео я хочу показать тебе удивительный мир эклектики в веб-дизайне и поделиться секретами создания неповторимых сайтов. Вместе мы узнаем, как гармонично сочетать разные стили и направления, чтобы привнести индивидуальность и креативность в свои проекты.

📺 YouTube

WebDEV #видео

Курс по NextJS 13

Курс охватывает ключевые аспекты работы с фреймворком, начиная с быстрого старта и использования клиентских компонентов, до создания API эндпойнтов и настройки аутентификации и приватных роутов. Вы познакомитесь с различными вариантами рендеринга (RSC, CSR, SSR, SSG, ISR), оптимизацией изображений, новыми возможностями в NextJS 14 и Server actions. В заключительных уроках будет показан простой способ работы с базой данных и публикация проекта на собственном сервере с SSL.

📺 YouTube

WebDEV #видео

Полный курс Next.js за 2 часа

Новое большое видео на канале, сегодня я публикую полный курс Next JS для начинающих. Этот материал позволит тебе изучить Некст за 2 часа с нуля (важно только знание React). Считай это 20 уроков Next в одном видео. В прошлый раз я делал быстрый курс по Next, но это был не полный материал. В этом ролике будет как и практика next, на примере проекта, так и немного теории. Также отвечу на некоторые вопросы, которые встречаются на собеседование на Junior Front-end разработчика.

📺 YouTube

WebDEV #видео

Уроки Materialize CSS

Уроки по фреймворку Materialize Css это то что должен изучить каждый начинающий фронтенд разработчик. Аналогичный фреймворку Bootstrap в работе требует определенных знаний и я покажу на практике как их использовать.

📺 YouTube

WebDEV #видео

Простая анимация SVG

В данном видео вы узнаете как легко сделать анимацию для ваших SVG иконок на сайте. В этом нам поможет скрипт vivus.js

📺 YouTube

WebDEV #видео

CSS Grid, flexbox, float. В чем разница и как использовать.

Видео показывает различные методы верстки страницы с помощью CSS: float, inline-block, flexbox и Grid. Сначала идет введение и обзор проекта, затем пошаговая реализация каждого метода для сравнения их возможностей.

📺 YouTube

WebDEV #видео

Как быстро оживить дизайн сайта с нуля в Figma и Webflow

Хотите создать стильный сайт с нуля в Figma и сразу сверстать его в Webflow? В этом видео я покажу полный процесс – от идеи до готового сайта, который будет выглядеть профессионально и современно.

📺 YouTube

WebDEV #видео

Язык разметки HTML за 40 минут для начинающих

Язык разметки HTML5. Синтаксиc. Правила оформления страниц. Основные теги.

📺 YouTube

WebDEV #видео

Как создать сайт самому на Тильда за 45 минут?

В этом видео мы покажем вам, как создать сайт на платформе Tilda за 45 минут, даже если вы не имеете опыта в программировании. Мы расскажем вам о лучших инструментах для создания сайта и научим вас, как использовать их на практике.

📺 YouTube

WebDEV #видео

Frontend Roadmap 2024. Что должен учить фронтенд-разработчик в 2024 году?

Разбираем пошагово актуальный роадмап для фронтенд-разработчика в 2024-м году, говорим о том, что должен знать фронтенд-разработчик на момент 2024-го года, чтобы шансы попасть на работу были максимально высокими.

📺 YouTube

WebDEV #видео

Верстка простого сайта для новичков

Вёрстка сайта Burger Landing из Figma с самого нуля с очень подробными объяснениями каждого действия. Данный макет подойдёт для новичков. Верстка сайта позволит нам попрактиковать знания html, css, бэм, адаптив, а также положить такой прекрасный макет в портфолио.

📺 YouTube

WebDEV #видео