Все записи категории ‘Танцы с CSS’

Верстка слоя-подкладки во всю ширину viewport
 16 Апр, 2019

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

Читать далее »
Скрыть/изменить стили выделения в HTML — псевдокласс css::selection
 12 Мар, 2019

Для удобства пользователя, браузеры применяют специальные стили к выделенному тексту. Данные стили могут нарушать дизайн, смотреться не гармонично в верстке, и потому нужно иметь возможность изменить или убрать данный эффект.

Читать далее »
Прогресс бары, анимация загрузки…
 11 Янв, 2019

Сайт, где вы найдете конструкторы анимации прогресс баров — loading.io. Я бы сказал налетай, подешевело, но всё абсолютно даром.

Читать далее »

Псевдоклассы состояния контейнера input
 24 Окт, 2018

Хотелось бы выделить такой перечень css псевдоклассов и приемов работы с ними, который основан на состоянии элемента INPUT.

Читать далее »

Эффект, затрудняющий прочтение текста
 1 Авг, 2018

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

Читать далее »

Убираем подсветку поля при фокусе ввода в Chrome
 18 Май, 2018

В браузерах на движке chromium (Chrome, Opera) по умолчанию есть «подсветка» поля, получившего фокус ввода. Смотрим как убрать данный стиль.

Читать далее »

Убираем нативный крестик в поле ввода под IE
 13 Май, 2018

Во время ввода в текстовом поле IE появляется «крестик», который позволяет очистить поле в один клик. Иногда стиль, и вообще наличие этого крестика, не соответствуют вашему дизайну или логике работы поля. Разбираемся, как его убрать.

Читать далее »

Позиционирование фона с помощью background-position
 3 Май, 2018

В CSS, для позиционирования фонового изображения в контейнере, мы используем свойство background-position.

Свойство можно задать отдельно для оси X и Y,  кроме того можно задать 2, 3 или 4 параметра.

Читать далее »

Кол-во знаков после запятой при генерации css препроцессором sass
 28 Мар, 2018

В одном из проектов использовался SASS, но оказалось, что у другого разработчика другие настройки SASS. И конечные CSS генерировались с числами другой точности (другое кол-во знаков после запятой).

Читать далее »

Меняем оформление input checkbox с помощью CSS
 27 Дек, 2017

Оформление элементов формы — это старая проблема. Ситуация несомненно улучшается, но финала пока не видно. С появлением псевдо-контейнеров :after и :before стало возможным без дополнительных элементов и скриптов кастомизировать элемент INPUT:CHECKBOX.

Читать далее »