Java, UX, HTML, CSS, WEB-design

Список литературы для веб-разработки № 138: Доступные веб-компоненты, точность CSS и Sass


  • Ансельм Ханнеманн

  • 0 Комментарии

Список литературы для веб-разработки № 138: Доступные веб-компоненты, точность CSS и Sass

  • 5 минут чтения

  • Список литературы по веб-разработке

Краткое резюме ↬

Время от времени нужно перекалибровать свой мозг, экспериментируя с новыми технологиями, отслеживая производительность определенной функции или пересматривая среду вашего проекта. Хотя я обычно не сторонник встроенного CSS, теперь мы будем использовать его для стороннего скрипта, который мы предоставляем, чтобы избежать утечек стилей. Дело в том, что это решение не повредит производительности, так как это асинхронно загружаемый скрипт. Еще одна вещь, которую я всегда предполагал, но никогда не подтверждал, заключалась в том, что фильтры CSS значительно замедляют рендеринг страницы. Но, как выясняется, при тщательном изучении разница с нефильтрованными изображениями едва заметна. Не стесняйтесь пробовать новые вещи, только убедитесь, что это лучшее решение, когда вы запускаете его в производство.

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

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

Дальнейшее чтение на SmashingMag:

  • Дизайн валюты — создание самого желаемого продукта
  • Тестирование номеров кредитных карт в кассах
  • Начало работы с PayPal API
  • Бесплатный PNG кредитная карта, дебетовая карта и платежные иконки набор

Общий

  • У вас есть проект с открытым исходным кодом, которому нужно определить страну пользователя по IP? Вот бесплатный простой API геолокации, который поможет вам в этом.

Конфиденциальность

  • Privacy International опубликовала интересную подборку Privacy 101 на разные темы.
  • В этом руководстве объясняется, как веб-сайты и приложения могут соблюдать настройки пользователей, запрещающие отслеживание, и как использовать Consent API, чтобы люди могли отказаться от отслеживания. Я бы хотел, чтобы каждый веб-сайт, который отслеживает что-то, предоставлял это.

Веб-производительность

  • Если вы лениво загружаете изображения, вам не следует полагаться на JavaScript.

Доступность

  • Когда мы говорим о доступности, мы обычно думаем о пользователях с известными нарушениями и заболеваниями. Тем не менее, это гораздо больше, чем мы обычно думаем, и в этой статье рассказывается, как создать веб-сайт, удобный для людей с деменцией, тема, о которой я раньше не задумывался.
  • В прошлом веб-компоненты получили много негативных отзывов. Одним из важных моментов является то, что разработчики должны полностью реализовать специальные возможности самостоятельно. Теперь Артем Табалин рассказывает, как сделать доступные веб-компоненты на примере поля множественного выбора.

Еще после прыжка! Продолжить чтение ниже ↓
Доступность жизненно важна.  Чтобы ваши веб-компоненты тоже были доступны, Артем Табалин написал краткое руководство, как это сделать.
Доступность жизненно важна. Чтобы ваши веб-компоненты тоже были доступны, Артем Табалин написал краткое руководство, как это сделать. (Изображение предоставлено Артемом Табалиным)

JavaScript

  • При работе со сложной анимацией делать это полностью в CSS может быть довольно сложно и запутанно. «Начало работы с API веб-анимации» — отличная статья, представляющая альтернативу основанному на CSS подходу, который вскоре можно будет использовать в кроссбраузерном режиме или уже сейчас с полифиллом.
  • Уже есть несколько видеоплееров JavaScript. Но Plyr — это простой, легкий и доступный медиаплеер, который можно использовать в большинстве проектов для встраивания видео с YouTube, Vimeo или собственных видео.
  • Для React стоит упомянуть два модуля, которые помогут вам создавать более доступные приложения: первый — это react-a11y, а второй — конфигурация linting для eslint из Руководства AirBNB React Coding.
  • Наконец-то вышел react-boilerplate v3, и если вы думаете о новом проекте React, я настоятельно рекомендую рассмотреть возможность его использования. Он имеет поддержку Service Worker, отличный опыт разработчика и включенную маршрутизацию.
  • Если вы когда-нибудь задумывались, когда использовать === или == оператор сравнения в JavaScript, эта статья объяснит его.

CSS/Sass

  • Что делает браузер, когда вы позволяете ему вычислять такие значения, как 1/3? В конце концов, его необходимо сопоставить с пикселями, что иногда может привести к небольшим сбоям в дизайне из-за субпиксельной интерполяции. Узнайте, что вы можете делать с помощью CSS и как настроить Sass для получения лучших результатов.
  • Уна Кравец исследовала влияние фильтров CSS, фильтров SVG и фильтров холста на изображения по сравнению с предварительно отредактированными изображениями. Результат весьма интересен, так как он показывает, что холст работает медленнее всего, а SVG и CSS не заметно медленнее, чем изображение без фильтра.
Использование процентов в CSS иногда может привести к небольшим сбоям.  Китти Жиродель рассказывает историю о точности CSS и Sass и о том, что вы можете сделать, чтобы добиться лучших результатов.
Использование процентов в CSS иногда может привести к небольшим сбоям в дизайне. Китти Жиродель рассказывает историю о точности CSS и Sass и о том, что вы можете сделать, чтобы добиться лучших результатов.

И на этом я закончу на этой неделе. Если вам нравится то, что я пишу каждую неделю, пожалуйста, поддержите меня пожертвованием или поделитесь этим ресурсом с другими людьми. Подробнее о стоимости проекта можно узнать здесь. Он доступен по электронной почте, RSS и онлайн.

Спасибо и всего наилучшего, Ансельм




Source: https://smashingmagazine.com

Заключение

Вы ознакомились с статьей — Список литературы для веб-разработки № 138: Доступные веб-компоненты, точность CSS и Sass

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Краткое описание по статье Список литературы для веб-разработки № 138: Доступные веб-компоненты, точность CSS и Sass

Название: Список литературы для веб-разработки № 138: Доступные веб-компоненты, точность CSS и Sass . Краткое описание: ⭐ Ансельм Ха . Дата публикации: 03.02.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

Кнопка «Наверх»