3D эффект для слайдера Swiper Cowerflow

В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных.

📺 YouTube

WebDEV #видео

💡Шпаргалка по UX/UI

WebDEV #советы

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

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

WebDEV #советы

🛠 Principle отлично подходит для интерактивного дизайна – в частности, для мобильных приложений.

Настройка и полировка анимированных взаимодействий – это то, с чем Principle идеально справляется.

🌍 Сайт

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

💡 Шпаргалка по DOM IN JavaScript

WebDEV #советы

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

WebDEV #советы

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

WebDEV #советы

🛠 Styled Components – библиотека для стилизации React-компонентов.

Она позволяет создавать пользовательские компоненты с локальными встроенными стилями.

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

🌍 Сайт

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

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

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

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

Резюме frontend веб разработчика. Что написать в блоке "профессиональные навыки"

Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.

📺 YouTube

WebDEV #видео

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

WebDEV #советы

💡 Шпаргалка по AI-сервисам

WebDEV #AI

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

WebDEV #советы

Изучаем HTML и CSS на практике. Верстка сайта с размещением в интернете

Урок по верстке сайта на HTML и CSS из макета Figma. Верстаем и размещаем работу на хостинге в интернете.

📺 YouTube

WebDEV #видео

Формы в JS - доступ к элементам форм, чтение и изменение значений полей ввода

Изучим, как получать доступ ко всем элементам form на странице и как можно по-разному обращаться к полям форм. Обсудим атрибут form, который позволяет связать внешнее поле с конкретной формой, независимо от его расположения в разметке. Научимся управлять элементами input, textarea и select, а именно, узнаем как правильно читать и изменять их значения через value, checked и другие свойства DOM-элементов.

📺 YouTube

WebDEV #видео

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

WebDEV #советы

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

WebDEV #советы

Формы на HTML и PHP

Формы на HTML и PHP. В этом плейлисте собраны уроки по HTML, CSS, JS и PHP, в которых мы изучаем формы. Как создавать формы, какие бывают атрибуты у элементов форм и как правильно и красиво оформить формы вы можете узнать из этого раздела.

📺 YouTube

WebDEV #видео

Редактирование, поиск, сортировка. Уроки JavaScript с нуля

Массив – это особый подвид объектов. Он позволяет нам хранить данные, но, в отличии от объектов, мы можем управлять этими данными более гибко. Как работать с массивами и применять различные методы мы сейчас и разберемся! Но то, что действительно делает массивы особенными – это их внутреннее представление. Движок JavaScript старается хранить элементы массива в непрерывной области памяти, один за другим. Существуют и другие способы оптимизации, благодаря которым массивы работают очень быстро. Но все они утратят эффективность, если мы перестанем работать с массивом как с «упорядоченной коллекцией данных» и начнём использовать его как обычный объект.

📺 YouTube

WebDEV #видео

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

WebDEV #советы