2020-02-12 
От автора: недавно я запустил в Твиттере опрос, в котором попросил перечислить все атрибуты CSS, предлагая дополнительные бонусные баллы за перечисление в алфавитном порядке.
Пиксели или относительные единицы в CSS: почему это все еще важно
От автора: браузеры становятся все лучше. Похоже, мы находимся в золотом веке, когда для пользователей, получающих доступ к странице, добавляются нескончаемые потоки новых функций, и действительно отличные инструменты для тех, кто создает страницу. Впрочем, так было не всегда.
От автора: многие популярные дизайны резюме максимально используют доступное пространство страницы, разделы в них размещаются в виде сетки. Давайте используем CSS Grid для создания макета, который будет отлично выглядеть при печати и на экранах разных размеров. Таким образом, у нас будет возможность использовать резюме онлайн и оффлайн, что может пригодиться в новом году!
Помощь браузерам в оптимизации с помощью свойства CSS contain
От автора: свойство CSS contain дает возможность объяснить макет браузеру, чтобы можно было оптимизировать производительность. Тем не менее, это связано с некоторыми побочными эффектами с точки зрения макета.
От автора: в последнее время я экспериментировал с идеей создания облегченной системы сетки на основе CSS Grid. У нас в CodyFrame есть система сетки, и она основана на Flexbox. Однако CSS Grid имеет так много мощных функций, которых нет во Flexbox, что я в итоге создал Flash Grid.
От автора: мы можем определить на веб-сайтах кривые ослабления для переходов и анимации, чтобы придать им более естественный и аккуратный вид. Но не только к анимации можно применять кривые. Каждый раз, когда происходит переход между двумя состояниями, кривая ослабления делает его более естественным и менее резким.
От автора: в этой статье вы узнаете, как использовать свойство CSS z-index… Единственный способ проникнуть в 3-е измерение с помощью CSS!
От автора: если вы хотите создавать фантастические и уникальные визуальные впечатления в Интернете, вам в конечном итоге понадобятся два элемента, которые будут перекрываться или размещаться в одном месте. Возможно, вам даже нужно, чтобы они были расположены рядом или бок обок друг с другом. Давайте рассмотрим два разных способа сделать это: один с помощью свойства position, а другой с помощью CSS Grid.
От автора: интересно, насколько далеко вы сможете отойти от HTML и CSS при создании карусели / слайд-шоу.
От автора: до появления Модуля макетов flexbox было непросто создать макет Святого Грааля. Нам приходилось использовать всевозможные настройки, чтобы добиться такого вида макета, который понравился бы как маркетологам, так и владельцам веб-сайтов, чтобы он позволял использовать две боковые панели одновременно — одну слева и одну справа. Благодаря flexbox, теперь мы можем создать его всего с помощью нескольких строк кода.
Все права защищены © 2024
Бернацкий Анрей Васильевич
Служба поддержки
Материалы сайта (статьи, уроки, видео уроки, курсы и прочее) предназначены исключительно для самостоятельного изучения