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

От автора: в Яндексе признались, что в течение нескольких месяцев поисковик некорректно обрабатывал тег noindex. В результате чего было проиндексирован закрытый для сканирования контент. Что негативно повлияло на позиции некоторых сайтов. Специалист компании «Webit» Андрей Ефремов обнародовал содержимое своей переписки с Платоном. Андрей заметил, что поисковик неправильно «воспринимает» контент, закрытый тегами noindex. В ответ на его вопрос служба поддержки сообщила, ...

От автора: как вы оцениваете производительность сети? Если вам больше нужна скорость или качество изображения, вы должны всегда учитывать несколько показателей при оптимизации своих веб-приложений. К счастью, модель RAIL обеспечивает точный и всесторонний способ оценки пользовательского опыта, чтобы вы могли внести существенные улучшения. Что такое модель RAIL? Хотя получение начального времени загрузки страницы крайне важно для снижения частоты отказов, это ...

От автора: Vue сейчас в тренде, и я уже давно подумывал о том, чтобы создать серьезный проект на нем, как только появится возможность. Но была небольшая проблема — одним из требований проекта было написание его на TypeScript. Сначала мне было очень сложно представить, как вообще объединить их, но vue-cli позволил сделать это очень просто. Я бы солгал, если бы сказал, ...

Читать дальше…

От автора: в этой главе мы приведем лучшие методы, приемы и техники, с помощью которых осуществляется разработка на React. Они помогут нам оставаться последовательными во время создания приложения. Состояние — Следуем максимально избегать создания новых состояний. Рекомендуется централизовать состояние и передать его по дереву компонентов в качестве свойства. Каждый раз, когда у нас есть группа компонентов, которым нужны одни и ...

От автора: в 68 версии Chrome теперь все сайты на HTTP помечаются как незащищенные. Эта версия браузера была выпущена 24 июля текущего года. Начиная с 68 версии Chrome, которая стала доступна пользователям со вчерашнего дня, все сайты на HTTP отмечаются в адресной браузера строке как незащищенные. Хотя, судя по обнародованной статистике, таких ресурсов осталось немного. В течение нескольких лет поисковик ...

От автора: компоненты высшего порядка React — это функции JavaScript, используемые для добавления дополнительных функциональных возможностей к существующему компоненту. Эти функции являются чистыми, что означает, что они получают данные и возвращают значения в соответствии с этими данными. Если данные изменяются, функции более высокого порядка перезапускаются с различными вводимыми данными. Если мы хотим обновить возвращаемый компонент, нам не нужно менять компоненты ...

От автора: в этой главе мы узнаем, как делается в React js анимация. Шаг 1 — Установите React CSS Transitions Group Это надстройка React, используемая для создания базовых CSS-переходов и анимации. Мы установим ее из окна командной строки: C:\Users\username\Desktop\reactApp>npm install react-addons-css-transition-group Шаг 2 — Добавьте файл CSS Давайте создадим новую папку css и в ней файл style.css. Чтобы иметь возможность ...

От автора: в этой главе мы познакомимся с тем, как реализовать в приложениях шаблон Flux React. Мы будем использовать среду Redux. Цель этой главы — представить простейший пример каждой части, необходимой для подключения Redux и React. Шаг 1 — Установите Redux Мы установим Redux через окно командной строки. C:\Users\username\Desktop\reactApp>npm install --save react-redux C:\Users\username\Desktop\reactApp>npm install --save redux Шаг 2. Создание файлов ...