Фрагменты кода 2025, Январь

Мы говорили о "Почему Эмс?" здесь раньше. Для тех, кто плохо знаком с em, The Mozilla Developer Network отлично справляется с объяснением ems: ... em - это "

Работа с путями всегда немного раздражает, согласитесь. К счастью, с Sass очень легко получить красивый API для управления активами и "

Хотя Sass очень полезен с арифметикой, он немного не справляется с математическими вспомогательными функциями. В официальном репозитории есть открытая проблема для "

Через Алекса Кинга вы можете использовать переменные для селекторов: $ a-tags: 'a, a: active, a: hover, a :hibited'; $ a-tags-hover: 'a: active, a: hover'; # ($ a-tags) (цвет: "

Структура Sass Compass предоставляет удобную функцию для получения противоположного направления позиции, например, влево при передаче вправо в качестве аргумента. Этот"

Если вы заинтересованы в обработке собственного префикса поставщика CSS (а не, скажем, Autoprefixer или Compass), вот миксин, который поможет с этим. Скорее"

Нет простого способа квалифицировать селектор из связанного с ним набора правил. Под квалификацией я подразумеваю добавление имени элемента (например, a) к классу "

В этой статье от июля 2013 г. описан метод использования псевдоэлементов для поддержания соотношения сторон элементов даже при его масштабировании. Вот миксин Sass, который "

В последнее время материальный дизайн стал повсюду. Одна его часть состоит в наложении слоев друг на друга, как настоящие бумажные листы. Достигать"

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

Создания адаптивного веб-дизайна часто существуют в нескольких разных точках. Управлять этими точками останова не всегда легко. Их использование и обновление »

Если углубиться в теорию цвета, есть нечто, называемое относительной яркостью цвета. Проще говоря, яркость цвета определяет, "

Создателям библиотек и разработчикам фреймворков может пригодиться пара дополнительных функций для динамического применения функций к элементам списка. Здесь"

При расширении селектора с помощью директивы @extend Sass не берет содержимое CSS из расширенного селектора, чтобы поместить его в расширяемый. Это"

При работе с числами в JavaScript или любом другом языке программирования есть способ обрезать число после n цифр. К сожалению, нет"

Кривые Безье можно использовать для добавления красивых эффектов к переходам и анимации CSS. Напечатайте полную функциональную запись (например, кубический безье (0,550, "

При работе со сложной архитектурой Sass нередко использовать карты Sass для поддержки конфигурации и параметров. Время от времени вы будете видеть карты "

Полосы прокрутки являются одним из тех компонентов пользовательского интерфейса, которые присутствуют почти на каждой странице Интернета, но мы (разработчики) практически не можем их контролировать ».

Существует довольно популярный прием CSS, использующий прозрачные границы на элементе 0-ширины / 0-высоты для имитации треугольников. Здесь на CSS-Tricks есть фрагмент CSS "

Предполагая, что родительский элемент имеет position: relative;, эти четыре свойства будут центрировать дочерний элемент как по горизонтали, так и по вертикали внутри, независимо от того, "

При преобразовании безразмерного числа в длину, продолжительность, угол или что-то еще, люди склонны просто добавлять единицы измерения в виде строки, например: $ value: 42; "

В информатике мы используем слово «зажим» как способ ограничить число двумя другими числами. При ограничении число будет либо сохранять свое собственное значение "

Я постоянно использую эти свойства вместе, что обычно является хорошей возможностью для такой абстракции, как миксин: @mixin coverer ("

Лучшее введение в БЭМ от Гарри Робертса: БЭМ - что означает блок, элемент, модификатор - это методология именования внешнего интерфейса, придуманная ребятами из "

Символ & в Sass уникален тем, что представляет текущий селектор. Он меняется по мере того, как вы гнездитесь. Допустим, вы вложены в группу, но вам нужен доступ к "

Довольно часто требуется немного прозрачного черного или белого. В CSS вы можете сделать: .half-black (background: rgba (0, 0, 0, 0.5);) В "

Этот набор функций предназначен для проверки того, имеет ли значение переменной определенный тип. Например, является ли 13rem относительной длиной? ИСТИННЫЙ! "Морозный"

Function getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Использование echo getZeroPaddedNumber (123, 4); // выводит "

Это регулярное выражение ниже проверяет предоставленный почтовый индекс, если он начинается с цифр 096 и что после него стоит ровно два числа. Если это так, он повторяет Да, если "

$ url = 'http://example.com'; $ validation = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ validation) $ output = 'правильный URL'; "