Фрагменти коду 2025, Січень

Ми говорили про "Чому Ems?" тут раніше. Для тих, хто новачок в em цінностях, Мережа розробників Mozilla чудово пояснює ems: ... em - це "

Робота зі шляхами завжди трохи дратує, ви визнаєте. На щастя, із Сассом надзвичайно просто мати чудовий API для управління активами та для "

Хоча Сасс дуже корисний з арифметикою, він трохи не відповідає математичним допоміжним функціям. В офіційному сховищі було відкрите питання щодо "

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

Фреймворк Sass Compass надає зручну функцію для отримання протилежного напрямку позиції, наприклад зліва при передачі праворуч як аргумент. Цей "

Якщо ви зацікавлені в роботі з вашим власним префіксом постачальника CSS (а не, скажімо, автопрефіксатором або компасом), ось комбінація допоможе в цьому. Швидше "

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

У цій статті від липня 2013 року описується метод використання елементів psuedo для підтримання співвідношення сторін елементів, навіть коли він масштабується. Ось мікс Сасса, який "

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

Якщо є один скорочений CSS, який різко пропускає, це той, що дає можливість визначити властивість позиції, а також чотири властивості зміщення "

Адаптивні твори веб-дизайну часто існують у декількох різних точках зупинку. Управління цими точками зупинку не завжди легко. Їх використання та оновлення "

Поглиблюючи теорію кольорів, існує щось, що називається відносною яскравістю кольору. Простіше кажучи, яскравість кольору визначає, чи "

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

Розширюючи селектор за допомогою директиви @extend, Sass не бере вміст CSS із розширеного селектора, щоб помістити його в розширюючий. Це "

При роботі з числами в JavaScript або будь-якій іншій мові програмування існує спосіб усічення числа після n цифр. На жаль, немає "

Криві Безьє можна використовувати для додавання красивих ефектів до переходів CSS та анімації. Введення повного функціонального позначення (наприклад, кубічне-безьє (0,550, "

Працюючи над складними архітектурами Sass, нерідко використовується карта Sass для підтримки конфігурації та опцій. Час від часу ви побачите карти "

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

Існує досить популярний злам CSS, який використовує прозорі межі елемента 0-width / 0-height для імітації трикутників. Тут є CSS-фрагмент на CSS-Tricks "

Припускаючи, що батьківський елемент має позицію: relative ;, ці чотири властивості будуть центрувати дочірній елемент як горизонтально, так і вертикально всередині, незалежно від того "

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

В інформатиці ми використовуємо слово затискач як спосіб обмежити число між двома іншими числами. При затисканні число або зберігатиме власне значення "

Я відчуваю, що весь час використовую ці властивості разом, що, як правило, є гарною можливістю для абстракції, такої як mixin: @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'; $ перевірка = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ validation) $ output = 'належний URL'; "