Webber

2021-12-15 17:30:00 Colorpicker на JS

Код Открыть/Комментировать

2021-12-14 17:30:00 Свойство background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом. Можно указать несколько значений для ряда фоновых изображений, перечисляя значения через запятую.

background-attachment: fixed | scroll | local

fixed - делает фоновое изображение элемента неподвижным.
scroll - позволяет перемещаться фону вместе с содержимым.
local - фон фиксируется с учётом поведения элемента. Если элемент имеет прокрутку, то фон будет прокручиваться вместе с содержимым, но фон, выходящий за рамки элемента, остаётся на месте.

#css_tricks Открыть/Комментировать

2021-12-13 17:30:00 Свойство block-size определяет горизонтальный или вертикальный размер блока элемента в зависимости от режима его записи. Он соответствует свойству width или height, в зависимости от значения writing-mode.

Если режим записи ориентирован вертикально, значение block-size относится к ширине элемента; в противном случае это относится к высоте элемента.

#css_tricks Открыть/Комментировать

2021-12-12 17:30:00 CSS свойство overflow-block устанавливает что будет отображаться, когда содержимое переполняет начальные и конечные края блока. Это может быть ничего, полоса прокрутки или содержимое переполнения.

#css_tricks Открыть/Комментировать

2021-12-11 17:30:00 Часики выполненные на чистом JS и CSS

Код Открыть/Комментировать

2021-12-10 17:30:00 CSS свойство backface-visibility определяет, должна ли быть видна задняя сторона элемента или нет. Данное свойство применяется для того, чтобы при трансформации элемента скрыть его заднюю сторону, а не отображать её зеркально (значение по умолчанию).

На видео пример использования CSS свойства backface-visibility(отображение задней стороны элемента при трансформации в CSS).

#css_tricks Открыть/Комментировать

2021-12-09 17:30:00 Дизайнеры любят размытый фон. И дело легко решалось бы вставкой сразу размытой картинки. Но не тут-то было. Картинка должна меняться или при наведении переставать быть размытой. Грузить 2 картинки это слишком жестоко. Так нам приходилось поступать раньше. Но теперь можно сделать всё хорошо всего одной строчкой в CSS

backdrop-filter: blur(5px);

Вот ссылка на MDN

CSS свойство backdrop-filter позволяет вам использовать визуальные эффекты - такие как размытие или смещение цвета фона - за элементом. Так как это применяется ко всему за элементом, чтобы увидеть эффект, вы должны сделать элемент или его фон по крайней мере частично прозрачными. Открыть/Комментировать

2021-12-02 19:10:00 IT как новый космос
3–4 декабря

3 и 4 декабря состоится YaTalks 2021 — конференция Яндекса для IT-сообщества. Будут обсуждать, что изменилось в индустрии за прошедший год, почему IT — это новый космос и что любят делать программисты, когда не пишут код. В этом году YaTalks снова пройдёт онлайн, поэтому подключиться и участвовать можно будет из любой точки мира.

Участвовать в таких мероприятиях важно: это не только новые знания, но и супермотивация. Ведь кроме научных презентации, вы узнаете как составить грамотное резюме, как готовиться к собеседованию, что такое факапы и как ваши недостатки помогут вам взлететь. Познакомитесь со спикерами, узнаете об их успешном успехе, и поймете, что и вы так можете (=

Ловите ссылку на регистрацию) Открыть/Комментировать

2021-11-30 17:30:00 Я не понаслышке знаю, как сложно работать с параллаксом. Ловите статью, здесь подробно описали как работать с parallax без дополнительных библиотек

#лайфхаки Открыть/Комментировать

2021-11-29 17:30:00 CSS Overview — это новая вкладка в Dev Tools в Chrome. На ней отображается сводная информация по текущей странице: количество элементов, статистика использования разных видов селекторов, список всех использованных на странице цветов, шрифтов и медиа-выражений (очень полезно при поиске проблемных элементов). Есть раздел со списком неактивных CSS-деклараций и объяснениями, почему свойства не работают. Открыть/Комментировать