От автора: почему так важна доступность веб сайта? Лето 2017 года ознаменовало собой монументальную победу для миллионов американцев, живущих с инвалидностью. 13 июня, южный округ Флоридского судьи постановил, что недоступный веб-сайт Winn-Dixie нарушил статью III Закона об американцах с инвалидностью. Этот случай знаменует собой первое судебное разбирательство в рамках ADA, которое было принято в 1990 году. Несмотря на расходы, превышающие ...

От автора: рекомендации и советы по работе с Chrome DevTools. Использование панели «Элементы». Поиск, переход, отладка и другие доступные функции. 1. Drag-and-drop в панели Элементы В панели «Элементы» вы можете перетащить любой HTML-элемент и изменить его положение на странице 2. Ссылка на текущий выбранный элемент в консоли Выберите узел в панели «Элементы» и введите в консоли $0, чтобы сослаться на ...

От автора: будучи дизайнером, разработчиком или даже менеджером продукта, вы имеете кучу обязанностей. Каждый проект требует большого внимания — макет для десктопа, макет мобильных устройств, макет для iPhone X (спасибо, Apple), поддержка IE, поддержка Safari … И всегда нужно знать, как сделать сайт доступным. Почему нужно заботиться о доступности? Вот несколько фактов: Около 15% населения мира живет с той или ...

От автора: одностраничное приложение становится все более популярным. На нем размещают интересную анимации и классные эффекты перехода. Некоторые из таких — настоящая красота. Раньше их построение было довольно непростой задача. Вам нужно было много запросов AJAX и сложные функции обратного вызова. Нужно было много манипулировать с DOM (Document Object Model) с помощью Javascript или jQuery. Но теперь мы можем использовать ...

От автора: оптимизация шрифтов получила новые возможности! Теперь использовать пользовательские шрифты стало легче и быстрее. Давайте разберем, что можно сделать при использовании пользовательских шрифтов, чтобы максимально повысить производительность. Предстоящая версия Microsoft Edge реализует unicode-range (последний современный браузер, который сделает это). Предварительная загрузка и font-display появятся в Safari и Firefox Переменные шрифты доступны во всех браузерах Уменьшите размер файла Помимо цифр, ...

От автора: пользовательский шрифт не является чем-то новым в Интернете, но его использование все же может стать одним из факторов замедления сайта и увеличения стоимости для конечного пользователя. Если вы не очень внимательный, все очень быстро повалится из рук, как в запросе, который я сделал в HTTP Archive. Учитывая это, мы в MDN Web Docs экспериментируем с уменьшением влияния пользовательских ...

От автора: недавно на JS сообщество снизошли новости о новой версии Webpack – Webpack 4. Эта версия предлагает мощные функции и улучшения, которые действительно упростят процесс разработки. Если вы не знаете про webpack и зачем он нужен (да где вы были?), то Webpack можно просто описать, как создатель статичных модулей для современных JS приложений. Он помогает собирать все модули и ...

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

От автора: в прошлом уроке мы с вами рассмотрели сервис иконочных шрифтов Font Awesome и установили несколько иконок на нашу страницу. Но данными иконками можно управлять, например, менять размер иконок, цвет и так далее. В рамках данного урока мы рассмотрим принцип работы сервиса fontawesome, а также некоторые возможности управления иконками. По результатам урока вы научитесь изменять размер и цвет иконок, ...

От автора: новые функции и основные изменения, внесенные в Chrome DevTools, включают в себя: блэкбоксинг на панели «Network», автоматическая настройка масштабирования в режиме устройства, удобочитаемые вкладки «Preview» и «Response», предварительный просмотр содержимого HTML на вкладке «Предварительный просмотр», Local Overrides со стилями внутри HTML. Примечание. Проверьте в chrome://version, какую версию Chrome вы используете. Если это более ранняя версия, эти функции не ...