🧐Проблема воспроизведения видео и его адаптация под iPhone и iPad
В этой статье автор расскажет, почему если вы хотите перейти в полноэкранный режим то придется написать код для проверки браузера, и почему чтобы выйти из полноэкранного режима на iPhone и iPad через свайп назад, то придется также написать функцию для остановки видео при выходе, а также вы узнаете как сделать так, чтобы не было видно панель с управлением видео.
Читать...
В этой статье автор расскажет, почему если вы хотите перейти в полноэкранный режим то придется написать код для проверки браузера, и почему чтобы выйти из полноэкранного режима на iPhone и iPad через свайп назад, то придется также написать функцию для остановки видео при выходе, а также вы узнаете как сделать так, чтобы не было видно панель с управлением видео.
Читать...
😵Конец тирании Outlook: HTML в почте без таблиц
В этой статье вы узнаете, почему кодинг электронной почты — это коллекция обходных путей, хаков и устаревших неподдерживаемых HTML-элементов, и почему скорость обработки электронных писем никогда не была так важна для сообщества разработчиков клиентов, как для веб-разработчиков во фронтенде, а также вы узнаете почему все клиенты электронной почты блокируют JavaScript в письмах с HTML.
Читать...
В этой статье вы узнаете, почему кодинг электронной почты — это коллекция обходных путей, хаков и устаревших неподдерживаемых HTML-элементов, и почему скорость обработки электронных писем никогда не была так важна для сообщества разработчиков клиентов, как для веб-разработчиков во фронтенде, а также вы узнаете почему все клиенты электронной почты блокируют JavaScript в письмах с HTML.
Читать...
🚀Создание карты потоков с помощью JavaScript
В этой статье автор расскажет, что такое карты потоков, как сделать этот процесс более практичным, и как можно научиться создавать собственные карты потоков с помощью JS для любых видов данных, а также вы узнаете почему проще и быстрее всего создать интерактивную карту потоков можно с помощью графической библиотеки JS.
Читать...
В этой статье автор расскажет, что такое карты потоков, как сделать этот процесс более практичным, и как можно научиться создавать собственные карты потоков с помощью JS для любых видов данных, а также вы узнаете почему проще и быстрее всего создать интерактивную карту потоков можно с помощью графической библиотеки JS.
Читать...
⚡️Оптимизируем изображения в HTML
В этой статье автор расскажет, почему использовать background-image в CSS — не лучшая идея, как можно написать раздутый CSS, который сочетал бы медиазапросы и функцию image-set, и почему в таком случае нам нужно знать точные размеры изображения для каждого отдельного экрана, и учитывать, что макет сайта может измениться, а также вы узнаете зачем нужно избегайте отложенной загрузки для изображений на первом экране.
Читать...
В этой статье автор расскажет, почему использовать background-image в CSS — не лучшая идея, как можно написать раздутый CSS, который сочетал бы медиазапросы и функцию image-set, и почему в таком случае нам нужно знать точные размеры изображения для каждого отдельного экрана, и учитывать, что макет сайта может измениться, а также вы узнаете зачем нужно избегайте отложенной загрузки для изображений на первом экране.
Читать...
😎CSS сolor-сontrast(): пошаговое руководство
В этой статье автор расскажет, как свойство CSS сolor-contrast() помогает разрабатывать доступные пользовательские интерфейсы, и как свойство color-contrast() поможет пользователям с легкостью получить доступ к информации и услугам и использовать их, а также вы узнаете почему создание доступного дизайна — это не просто привлечение внимания, но и удобство для всех пользователей.
Читать...
В этой статье автор расскажет, как свойство CSS сolor-contrast() помогает разрабатывать доступные пользовательские интерфейсы, и как свойство color-contrast() поможет пользователям с легкостью получить доступ к информации и услугам и использовать их, а также вы узнаете почему создание доступного дизайна — это не просто привлечение внимания, но и удобство для всех пользователей.
Читать...
🚀25 советов для начинающего верстальщика
В этой статье автор расскажет, почему тег h1 является самым главным на странице и используется в качестве названия раздела, и зачем для разметки сворачиваемого раздела содержимого нужно использовать теги details и summary, а также вы узнаете зачем нужно стараться избегать селекторов, которые являются или включают в себя html теги для лучшей читаемости кода.
Читать...
В этой статье автор расскажет, почему тег h1 является самым главным на странице и используется в качестве названия раздела, и зачем для разметки сворачиваемого раздела содержимого нужно использовать теги details и summary, а также вы узнаете зачем нужно стараться избегать селекторов, которые являются или включают в себя html теги для лучшей читаемости кода.
Читать...
😍Руководство по цветовым функциям CSS
В этой статье автор расскажет, как можно при помощи цветовых функций можно настраивать тон, насыщенность, светлоту и непрозрачность цвета и даже смешивать вместе несколько цветов, и почему функция RGB — одна из самых часто используемых цветовых функций в CSS, а также вы узнаете почему одним из первых действий при работе с цветами CSS должно стать создание цветовой палитры веб-сайта.
Читать...
В этой статье автор расскажет, как можно при помощи цветовых функций можно настраивать тон, насыщенность, светлоту и непрозрачность цвета и даже смешивать вместе несколько цветов, и почему функция RGB — одна из самых часто используемых цветовых функций в CSS, а также вы узнаете почему одним из первых действий при работе с цветами CSS должно стать создание цветовой палитры веб-сайта.
Читать...
😎Стили заголовков в CSS: картинки, тени, анимации
В этой статье автор расскажет, как использовать свойство background-image и url() , чтобы добавить изображение в заголовок, и почему один из лучших способов добавить тени — наслоение, а также вы узнаете как используя многослойные тени, можно сделать текст заголовка светящимся.
Читать...
В этой статье автор расскажет, как использовать свойство background-image и url() , чтобы добавить изображение в заголовок, и почему один из лучших способов добавить тени — наслоение, а также вы узнаете как используя многослойные тени, можно сделать текст заголовка светящимся.
Читать...
😵HTML, CSS: важен ли порядок названий классов CSS в атрибуте «class» HTML-элементов
В этой статье автор расскажет, почему у HTML-элементов на HTML-странице может быть необязательный глобальный атрибут class, и почему по действующему стандарту языка HTML атрибут class HTML-элементов должен содержать значение, состоящее из набора названий классов CSS, а также вы узнаете почему действующий стандарт HTML практически не накладывает на набор названий классов CSS в атрибуте class.
Читать...
В этой статье автор расскажет, почему у HTML-элементов на HTML-странице может быть необязательный глобальный атрибут class, и почему по действующему стандарту языка HTML атрибут class HTML-элементов должен содержать значение, состоящее из набора названий классов CSS, а также вы узнаете почему действующий стандарт HTML практически не накладывает на набор названий классов CSS в атрибуте class.
Читать...
😎Геометрия объектной модели документа: исчерпывающее руководство
В этой статье автор расскажет, почему большинство свойств модуля CSS доступны только для чтения, и почему системы координат лежат в основе того, как определяются позиции элементов в свойствах и методах отображения CSSOM, а также вы узнаете почему элементы DOM рендерятся как визуальные или видимые фигуры.
Читать...
В этой статье автор расскажет, почему большинство свойств модуля CSS доступны только для чтения, и почему системы координат лежат в основе того, как определяются позиции элементов в свойствах и методах отображения CSSOM, а также вы узнаете почему элементы DOM рендерятся как визуальные или видимые фигуры.
Читать...
😶🌫️Как работают сервисы карт и маршрутизации
В этой статье автор расскажет, как реализовать функционал построение маршрутов для АВТО и Ж/д транспорта, и как интегрировать пользовательский интерфейс карты со сторонним приложением, и реагировать на команды от него, а также вы узнаете как сам пользовательский интерфейс дает возможность наносить клиентские объекты на карту.
Читать...
В этой статье автор расскажет, как реализовать функционал построение маршрутов для АВТО и Ж/д транспорта, и как интегрировать пользовательский интерфейс карты со сторонним приложением, и реагировать на команды от него, а также вы узнаете как сам пользовательский интерфейс дает возможность наносить клиентские объекты на карту.
Читать...
🔥Мета-приложения и Symbiote.js
В этой статье автор расскажет, каким образом виджет может быть настроен, какие настройки могут быть общими, и как предоставить каждому экземпляру виджета на странице его персональные и уникальные настройки, а также вы узнаете как сделать всё максимально доступным для пользователей способом, не усложняя и не создавая избыточных абстракций над общедоступными возможностями платформы и базовыми паттернами веб-разработки.
Читать...
В этой статье автор расскажет, каким образом виджет может быть настроен, какие настройки могут быть общими, и как предоставить каждому экземпляру виджета на странице его персональные и уникальные настройки, а также вы узнаете как сделать всё максимально доступным для пользователей способом, не усложняя и не создавая избыточных абстракций над общедоступными возможностями платформы и базовыми паттернами веб-разработки.
Читать...
😦Однажды у нас будет полностью настраиваемый select
В этой статье автор расскажет, как до появления CSS мы могли определять структуру своих страниц, а браузеры определять их внешний вид, и почему CSS стал чрезвычайно универсальным, а также вы узнаете как можно стилизовать selectmenu в зависимости от того, открыто оно или закрыто, используя псевдокласс :open.
Читать...
В этой статье автор расскажет, как до появления CSS мы могли определять структуру своих страниц, а браузеры определять их внешний вид, и почему CSS стал чрезвычайно универсальным, а также вы узнаете как можно стилизовать selectmenu в зависимости от того, открыто оно или закрыто, используя псевдокласс :open.
Читать...
🤔Как с помощью Core Web Vitals влюбить в свой сайт пользователей и поисковые системы
В этой статье автор расскажет, почему разработчики уделяют большое внимание Core Web Vitals, и как эти метрики помогают повысить качество взаимодействия веб-ресурса с пользователем, а также вы узнаете основные рекомендации по улучшению CWV, и способы решения различных задач.
Читать...
В этой статье автор расскажет, почему разработчики уделяют большое внимание Core Web Vitals, и как эти метрики помогают повысить качество взаимодействия веб-ресурса с пользователем, а также вы узнаете основные рекомендации по улучшению CWV, и способы решения различных задач.
Читать...
🧑🏼💻Глубокое погружение в функцию CSS :where()
В этой статье автор расскажет, почему функция CSS :where() принимает список селекторов в качестве аргументов и минимизирует их, и почему :where() — это функциональный селектор CSS, а также вы узнаете почему при большем количестве элементов и селекторов код начнет выглядеть неопрятно и может стать трудным для чтения и понимания.
Читать...
В этой статье автор расскажет, почему функция CSS :where() принимает список селекторов в качестве аргументов и минимизирует их, и почему :where() — это функциональный селектор CSS, а также вы узнаете почему при большем количестве элементов и селекторов код начнет выглядеть неопрятно и может стать трудным для чтения и понимания.
Читать...
🧐Как я написал удобную оболочку над электронным дневником
В этой статье автор расскажет, какие есть дополнительные функции, ускоряющие работу с дневником, и почему на главной странице расположено окно с текущим днем, а также вы узнаете почему получение данных идет через RESTful оригинального дневника.
Читать...
В этой статье автор расскажет, какие есть дополнительные функции, ускоряющие работу с дневником, и почему на главной странице расположено окно с текущим днем, а также вы узнаете почему получение данных идет через RESTful оригинального дневника.
Читать...
😈XSS с мутациями: как безопасный код становится зловредным и при чем здесь innerHTML
В этой статье автор расскажет, как браузер выполняет оптимизацию и синтаксический анализ узлов DOM-дерева, и почему новые варианты mXSS атак появляются каждый год, а также вы узнаете почему универсального средства для защиты от такого типа уязвимости просто нет.
Читать...
В этой статье автор расскажет, как браузер выполняет оптимизацию и синтаксический анализ узлов DOM-дерева, и почему новые варианты mXSS атак появляются каждый год, а также вы узнаете почему универсального средства для защиты от такого типа уязвимости просто нет.
Читать...