Как стать автором
Поиск
Написать публикацию
Обновить
50.66

CSS *

Каскадные таблицы стилей

Сначала показывать
Период
Уровень сложности

Модель строгости

Время на прочтение3 мин
Количество просмотров9.1K
Я помешан на порядке.

Вся информация должна быть разложена по полочкам — идеи, планы, подходы, методологии.

Меня пугают мысли о беспорядке — я стараюсь всё систематизировать и изложить в личные заметки, статьи или документации.

Но что делать, когда система не работает, ресурсы ограничены и специфика задачи не соответствуем идеальным понятиям? Под катом, я поделюсь своими мыслями о “Модели строгости”, касательно методологий разработки и многослойной системы организации CSS.
Читать дальше →

Кастомизация radiobutton без JS

Время на прочтение2 мин
Количество просмотров46K
Однажды, у меня возникла задача, сделать на форме сайта выбор одного из нескольких цветов. Казалось бы, нет ничего проще. Элемент radiobutton, как нельзя лучше, подходит для этой задачи, нужно только чуть-чуть его кастомизировать. Тут-то и начинаются проблемы. Дело в том, что отрисовкой элементов radiobutton и checkbutton управляет не браузер, а ОС. Соответственно, большинство свойств CSS (например, background-color) на них не действует.
Читать дальше →

Проблема с выделением текста в поле формы у Safari и Сhrome

Время на прочтение2 мин
Количество просмотров2.8K
Возможно, кто-то из вас, дорогие читатели, когда-нибудь сталкивался со следующей проблемой: если при выделении текста в поле формы в браузерах Safari и Chrome мышка выходит за пределы поля, то выделение загадочным образом пропадает. Те, кому описание этого бага показалось слишком запутанным, могут посмотреть пример.
Читать дальше →

Два в одном

Время на прочтение2 мин
Количество просмотров923
Что будет если объединить две проблемы, связанные с версткой?
Все мы в глубине души надеемся, что проблемы, возникающие при решении этих проблем сложатся. Однако, практика показывает, что они перемножаются.
Если Вам интересно, как используя только дивы и валидные CSSки сделать страницу, которая «отбрасывает тень» (слева и справа) и при этом занимает не меньше экрана по высоте, добро пожаловать под кат!
Читать дальше →

Навигатор

Время на прочтение4 мин
Количество просмотров1.6K
Задача: создать навигатор страниц. Вот такой:


1. Подбираем цвета

Так как навигатор делается для использования в конкретном сайте, цвет нам уже известен: #0aaafd. Этот цвет используется для обозначения ссылок. И он нам нужен для создания скругленных квадратов-подложек (один — для выделения текущей страницы, второй — для выделения при эффекте :hover). Для подложки текущей страницы я использую 80% насыщенности цвета, то есть #3bbbfd. Для подложки, появляющейся при эффекте :hover я использую 20% насыщенности цвета, то есть #ceeeff.


Читать дальше →
12 ...
109

Вклад авторов