Кодови фрагменти 2025, Юли

Говорили сме за "Защо Ems?" тук преди. За тези, които са нови за em ценности, мрежата за разработчици Mozilla върши отлична работа, обяснявайки ems: ... em е "

Справянето с пътищата винаги е малко досадно, ще признаете. За щастие е изключително лесно със Sass да имаме красив API за управление на активи и за "

Въпреки че е много полезен с аритметиката, Сас е малко по-кратък с математическите помощни функции. Има официален проблем в официалното хранилище на "

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

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

В случай, че се интересувате от вашата собствена префикс на доставчик на CSS (а не, да речем, Autoprefixer или Compass), ето комбинация, която ще ви помогне в това. По-скоро"

Няма лесен начин да се квалифицира селектор от свързания с него набор от правила. Под квалификация имам предвид добавянето на име на елемент (напр. А) към клас "

Тази статия от юли 2013 г. описва метод за използване на psuedo елементи за поддържане на съотношението на елементите, дори когато се мащабира. Ето един микс на Сас, който "

Напоследък материалният дизайн е навсякъде. Една част от него се състои от подреждане на слоеве един върху друг като истински хартиени листове. Да постигне"

Ако има един стенографски CSS, който драстично пропуска, той е този, който дава възможност да се дефинира свойството position, както и четирите отместени свойства "

Отзивчивите творения в уеб дизайна често съществуват в няколко различни точки на прекъсване. Управлението на тези точки на прекъсване не винаги е лесно. Използването им и актуализиране "

Когато задълбаете в дълбоката теория на цветовете, има нещо, наречено относителна яркост на цвета. Казано по-просто, яркостта на даден цвят определя дали неговата "

За създателите на библиотеки и конструкторите на рамки може да им бъде от полза наличието на няколко допълнителни функции за динамично прилагане на функции към елементи от списък. Тук"

Когато разширява селектор с директивата @extend, Sass не взема CSS съдържанието от разширения селектор, за да го постави в разширяващия се. То"

Когато се занимавате с числа в JavaScript или който и да е друг език за програмиране, има начин да съкратите число след n цифри. За съжаление няма "

Кривите на Безие могат да се използват за добавяне на красиви ефекти към CSS преходите и анимациите. Въвеждане на пълната функционална нотация (напр. Cubic-bezier (0.550, "

Когато работите по сложни архитектури на Sass, не е необичайно използването на карти на Sass за поддържане на конфигурация и опции. От време на време ще виждате карти "

Плъзгачите са един от онези компоненти на потребителския интерфейс, които присъстват на почти всяка страница в интернет, но ние (разработчиците) имаме малко или никакъв контрол върху него. "

Има доста популярен CSS хак, използващ прозрачни граници на елемент 0-width / 0-height, за да имитира триъгълници. Тук има CSS фрагмент на CSS-трикове "

Ако приемем, че родителският елемент има позиция: relative ;, тези четири свойства ще центрират дъщерния елемент както хоризонтално, така и вертикално вътре, без значение "

Когато преобразувате безразмерно число в дължина, продължителност, ъгъл или каквото и да било, хората са склонни просто да добавят единицата като низ, като това: $ value: 42; "

В компютърните науки използваме думата clamp като начин за ограничаване на числото между две други числа. Когато се закрепи, числото или ще запази собствената си стойност "

Откривам, че използвам тези свойства през цялото време заедно, което обикновено е добра възможност за абстракция като миксин: @mixin coverer ("

Най-доброто въведение в BEM е от Хари Робъртс: BEM - означава блок, елемент, модификатор - е методология за именуване отпред, измислена от момчетата от "

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

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

Тази колекция от функции е за тестване, ако стойността на променлива е от определен тип. Например, 13rem е относителна дължина? ВЯРНО! Е "мразовит"

Функция getZeroPaddedNumber ($ value, $ padding) (върне str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Ехо на използване getZeroPaddedNumber (123, 4); // извежда "

Този регулярен израз по-долу тества предоставения пощенски код, ако започва с цифрите 096 и че след него има точно 2 числа. Ако го направи, отеква Да, ако "

$ url = 'http://example.com'; $ проверка = филтър_вар ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ валидиране) $ output = 'правилен URL'; "