Создание красивой галереи на сайте

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

📺 YouTube

WebDEV #видео

💡Дизайн для режима с плохим освещением

Контраст в условиях. Люди часто пользуются устройствами в условиях плохого освещения. Убедитесь, что ваш дизайн хорошо читается и в ярком, и в тусклом свете. Используйте высокий контраст и возможность включения темного режима.

WebDEV #советы

WebDEV #test #HTML

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

Создание сайта портфолио с крутой анимацией

В этом уроке мы рассмотрим создание сайта портфолио с диагональным плавным скроллом. Мы рассмотрим нестандартный способ синхронизации вертикальных слайдов на JS и инверсию движения в различных направлениях с помощью CSS. При наведении слайды на сайте будут увеличиваться с красивой анимацией. Также мы разработаем CSS анимацию инерции для скролла.

📺 YouTube

WebDEV #видео

WebDEV #test #JavaScript

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

Настройка VS Code для верстки

Сегодня мы рассмотрим установку и настройку VS Code для разработки и верстки. Я покажу, как пользоваться редактором, в результате мы получим удобную, лаконичную рабочую среду с необходимыми плагинами, которые я использую в своей работе. Visual Studio Code в настоящее время является самым популярным редактором кода благодаря широкому функционалу, кроссплатформенности, огромному сообществу разработчиков как самого редактора, так и расширений для него и открытой лицензии. Этот редактор я могу смело рекомендовать к использованию.

📺 YouTube

WebDEV #видео

🛠 Lighthouse — открытый инструмент от Google для аудита производительности, доступности и SEO веб-страниц.

Основное преимущество Lighthouse — это его мощная аналитика и обширная база знаний. Утилита предлагает подробные отчёты и рекомендации по улучшению качества веб-страниц, основанные на проверенных методах и практиках.

🌍 Сайт

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

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

WebDEV #советы

Топ 5 сайтов, которые должен посетить каждый

Топ 5 крутых современных веб-сайтов, которые должен посетить каждый веб-дизайнер и веб-разработчик. Это новейшие практики и современные тенденции веб-дизайна.

📺 YouTube

WebDEV #видео

Создание красивого сайта с плавающими картинками

В этом уроке мы рассмотрим создание сайта с плавной анимацией, реализуем самый простой способ оформления контента в виде плиток Masonry на чистом CSS и добавим поддержку темной темы ОС (Dark Mode). Кроме того, я покажу, как правильно разрабатывать прелоадер для подобных сайтов. Решение для мобильных устройств и другие полезные дополнения на странице урока.

📺 YouTube

WebDEV #видео

WebDEV #test #CSS

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

Курс по React + Redux продвинутый

Это первая часть моего фундаментального курса по Redux. В ней мы с нуля разберём базовые концепции Redux и Redux-toolkit, и дойдём до концепции slice. По пути изучим основы архитектуры и правильного использования Redux.

📺 YouTube

WebDEV #видео

WebDEV #test #HTML

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

Flatirons Fuse — удобный импортер CSV-данных на сайт

С помощью снипета кода вы можете добавить Fuse на свой сайт и позволить своим клиентам или внутренним командам легко переносить данные CSV в любом формате. 

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

Весь современный стек в одном видео! Блок на сайт на Nest.js, Next.js и FSD

В этом видео мы напишем браузерное расширение для блокировки сайтов с 0 за 7 часов. Будем использовать самый актуальный на 2023 год стек технологий:

Сервер мы реализуем с использованием:
Node.js, Nest.js, Prisma, PostgreSQL, Swagger

Админку напишем на:
React, Next.js, FSD архитектура, @tanstack/react-query, tailwindcss, react-hook-form, orval

Расширение напишем на:
React, Vite, FSD архитектура, @tanstack/react-query, tailwindcss, orval

📺 YouTube

WebDEV #видео

💡Используйте «золотое правило трех кликов»

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

WebDEV #советы