Верстка \ CSS 3

Как удалить неиспользуемый CSS, чтобы уменьшить CSS-файлы

От автора: не секрет, что более компактные сайты работают быстрее, чем раздутые. Не позволяйте ненужным стилям CSS тормозить ваши веб-проекты; используйте инструменты и методы, описанные ниже, чтобы уменьшить CSS и улучшить общую производительность веб-сайта.

Продолжить чтение

Верстка \ CSS 3

Разница между currentColor и пользовательскими свойствами

От автора: есть несколько интересных различий между тем, как работают current Color и пользовательские свойства. Оба являются примерами динамических свойств в CSS, но способы их реализации различаются некоторыми очень важными деталями. Недавно я натолкнулся на пример этого, который заставил меня немного почесать голову.

Продолжить чтение

Верстка \ CSS 3

Анимация кнопок с библиотекой Hover CSS

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

Продолжить чтение

Верстка \ CSS 3

Методология БЭМ верстки. Теория и практический пример

От автора: в этом видео уроке мы поговорим с вами о методологии БЭМ, которая на данный момент является самой популярной и в ее основе лежит договоренность о том, как разбивать интерфейсы на независимые блоки, описывать их, и в дальнейшем повторно использовать.

Продолжить чтение

Верстка \ CSS 3

Сеточные макеты плитки с помощью auto-fit и minmax CSS Grid

От автора: макеты плитки, вероятно, являются наиболее распространенными макетами, которые мы создаем. Особенно для областей контента. И их никогда не было легче создать благодаря новой магии minmax и auto-fit, которая поставляется с CSS Grid. Lemme покажет вам новый и простой способ верстки идеальных, гибких макетов плитки с помощью CSS Grid.

Продолжить чтение

Верстка \ CSS 3

Построение сеток CSS Grid — простые именованные области

От автора: я представляю себе именованные области в CSS Grids, как привнесение собственного синтаксиса. Это строго не необходимо (вы можете выразить размещение сетки другими способами), но это может сделать это размещение более интуитивно понятным. И, эй, если я ошибаюсь, поправьте меня в комментариях.

Продолжить чтение

Верстка \ CSS 3

Styled-components CSS V4: хорошие, плохие и совершенно другие

От автора: я хочу полюбить styled components CSS, действительно хочу. На самом деле, меня настолько взволновали эти симпатичные новые вещи в версии 4, что я потратил одно дождливое субботнее утро на то, чтобы преобразовать проект из Vanilla CSS в стилизованные компоненты. Хотя я мог в это время прыгать в лужах.

Продолжить чтение

Верстка \ CSS 3

Позиционирование элементов в CSS Grid: отрицательные линии сетки

От автора: знаете ли вы, что вы можете использовать отрицательные номера линий, чтобы позиционировать в CSS Grid элементы сетки? Я не делал этого до недавнего времени — точнее, я не думал об этом, так как никогда не чувствовал, что мне это нужно.

Продолжить чтение