От автора: редизайн приложения никогда не бывает рутинным и простым. Через две недели после того, как меня приняли на работу в Polytomic, я начал реализовывать первый редизайн приложения с момента основания компании. Выбор технологии и способы ее реализации оставались за мной.
Полное руководство по word-wrap, overflow-wrap и word-break в CSS
От автора: в наши дни очень важно сделать сайт адаптивным, чтобы он правильно отображался на всех устройствах. К сожалению, несмотря на все усилия, вы все равно можете получить неработающие макеты. Иногда макеты нарушаются из-за того, что некоторые слова слишком длинные, чтобы уместиться в контейнере.
От автора: как веб-разработчики, мы используем CSS ежедневно, но знаете ли вы, как все работает под капотом? Как нам получить красивые веб-страницы со всеми цветами и стилями? Честно говоря, я использую CSS ежедневно и не очень хорошо об этом знал. Итак, я провел небольшое исследование, просмотрел несколько видео и пишу эту статью, пытаясь собрать все в одном простом блоге.
Использование переменных CSS для сведения к минимуму анимации
От автора: вы знаете о медиа-функции CSS prefers-reduced-motion? В двух словах, prefers-reduced-motion это параметр, который сообщает нам, установил ли пользователь системы удаление или минимизацию анимации и переходов.
От автора: сторонние веб-виджеты — это наиболее простая интеграция функций в веб-приложениях. Но некоторые из этих внедрений могут создать узкие места в производительности и отрицательно повлиять на производительность приложения. В этой статье я расскажу, как определить влияние сторонних виджетов, а также передовой опыт их использования в веб-приложениях.
От автора: в этой статье мы рассмотрим, как работают object-fit и background-size, когда мы можем их использовать и почему, а также некоторые практические примеры использования и рекомендации.
От автора: в прошлом году я участвовал в проекте Open UI, посвященном выяснению того, как получить собственный <tabs> элемент в HTML. Это была команда людей с разным опытом; авторы спецификаций, производители браузеров, разработчики и обычные практики, такие как я.
Предотвращение цепной прокрутки с помощью overscroll-behavior
От автора: предположим, у нас есть элемент с position:fixed. Если у него есть прокрутка, вы заметите, что когда вы достигнете нижней границы элемента, браузер продолжит прокрутку основного элемента. Это нежелательный и сбивающий с толку эффект. К счастью, мы можем исправить это с помощью CSS. В этой статье мы рассмотрим свойство CSS overscroll-behavior, какую проблему оно решает, как оно работает и где мы можем его использовать.
От автора: за 20 лет опыта веб-разработки я создал для себя стандартный подход CSS, которым я хотел бы поделиться в этой статье. В этом примере показан мой структурный подход, а не дизайн. Таким образом, статья не является визуальным шаблоном и не имеет дизайна.
От автора: при разработке программного обеспечения важно согласовать инструкции, технологии и методологии. Эти соглашения должны быть результатом обсуждений, проверки концепций, знаний, а иногда и голосований. К участию следует приглашать всю команду, потому что разработка программного обеспечения — это командная работа.