CSS + вёрстка

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

📺 YouTube

WebDEV #видео

💡 Сегментируйте аудиторию и подстраивайте дизайн

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

WebDEV #советы

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

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

📺 YouTube

WebDEV #видео

WebDEV #test #CSS

Выберите правильный вариант 👇🏼

WebDEV #test #HTML

Выберите правильный вариант 👇🏼

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

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

📺 YouTube

WebDEV #видео

🛠 Storybook — frontend-мастерская для создания компонентов UI и страниц в изоляции

Инструмент отлично подходит для разработки труднодоступных состояний и граничных случаев без необходимости запуска всего приложения

На сайте проекта сообщается, что Storybook особенно будет полезен для тех, кто использует в работе React, Vue, Angular и HTML.

🌍 Сайт

WebDEV #инструменты

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

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

📺 YouTube

WebDEV #видео

WebDEV #test #JavaScript

Выберите правильный вариант 👇🏼

💡 Внедряйте принципы эмоционального дизайна

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

WebDEV #советы

Что такое замыкания в JavaScript?

В этом видео мы разберемся, что такое замыкания (Closures) в JavaScript и как они работают. Рассмотрим 3 примера использования замыканий. Замыкания это одна из фундаментальных концепций JavaScript, которая сбивает с толку многих начинающих разработчиков JS. Замыкание это функция у которой есть доступ к своей внешней функции по области видимости, даже после того, как внешняя функция прекратилась.

📺 YouTube

WebDEV #видео

WebDEV #test #CSS

Выберите правильный вариант 👇🏼

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

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

📺 YouTube

WebDEV #видео

🛠 NPM – это стандартный менеджер пакетов, который предназначен для JavaScript-разработки.

С его помощью вы можете найти и установить пакеты (программы), которые в дальнейшем сможете использовать в своих программах. 

Для того, чтобы добавить npm в свой проект, просто введите команду «npm init». Когда вы запустите эту команду, в текущем каталоге будет создан файл package.json. В этом файле хранится список ваших зависимостей. Для npm этот файл выглядит как идентификационная карточка проекта. 
Вы можете добавлять зависимости в этот файл. Для этого вам нужна команда «npm install (имя_пакета)».

🌍 Сайт

WebDEV #инструменты

💡 Внедряйте темную тему для удобства пользователя. Это база

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

WebDEV #советы