Борьба со спамом - это то, с чем сталкивается почти каждый владелец сайта, на котором разрешено комментирование. Самый популярный и эффективный (?) способ борьбы со спамом - использование специального изображения капча, информацию с которого комментатор должен ввести в предусмотренное для этого поле. С тех пор, как появились алгоритмы OCR, которые позволяют распознавать текст на изображении, ... читать полностью »
.cred::selection {background: #FFB7B7;} .cred::-moz-selection {background: #FFB7B7;} .cblue::selection {background: #A8D1FF;} .cblue::-moz-selection {background: #A8D1FF;} .cyellow::selection {background: #FFF2A8;} .cyellow::-moz-selection {background: #FFF2A8;} .cyellow::-moz-selection li {background: #FFF2A8;} Одна из интересных возможностей спецификации CSS3, которая может использоваться уже сегодня - это псевдоэлемент ::selection, позволяющий изменять цвет фона выделенного текста, заданный в вашей операционной системе, на любой другой цвет по вашему усмотрению. На данный момент ::selection поддерживают следующие браузеры: Safari; Google Chrome; FireFox; Opera ... читать полностью »
Сколько себя помню, во время верстки я не особо любил использовать тег <hr />, выводящий горизонтальную линию, по причине того, что в браузере Internet Explorer по сравнению с другими современными браузерами отступы (CSS-свойство margin) отличаются. Не знаю, почему я раньше не задавался целью найти ответ на данный вопрос в виде кроссбраузерного решения, но недавно я все-таки ... читать полностью »
Давайте представим, что у нас есть специальная страница, содержащая одно или несколько больших изображений, и мы хотим дать знать посетителю, что изображение загружается. Для этой цели можно было бы использовать Javascript, который выводил бы иконку предзагрузки для всех изображений, которые еще не загрузились. Однако, у нас есть намного более простой способ достичь того же самого, особенно, ... читать полностью »
Наконец-то я созрел до того, чтобы начать при верстке использовать относительные единицы измерения em вместо пикселей. Однако для меня это пока не очень удобно, потому что непривычно. Если при пиксельных размерах шрифта достаточно было указать его для родительского элемента, то при использовании em размеры приходится прописывать к конкретным дочерним html-элементам и постоянно учитывать их вложенность. Поскольку практического ... читать полностью »
Смотря сегодняшним взглядом на одну их своих предыдущих статей “Альтернативный текст для изображений в блочной верстке“, понимаю, что я переборщил с кодом, как в части HTML, так и в части CSS. Все то же самое можно было сделать гораздо проще. Поэтому данная статья - это дубль 2. Данная техника, которая используется для создания альтернативного текста к ... читать полностью »
Стал практиковать один из способов “закрытия” плавающих блоков, который вот так выглядит в CSS: 123456789* html #container {height: 1%;} #container:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; } Используя данный этот метод, я при верстке заметил в браузере FireFox следующий баг, может быть кому-то пригодится эта информация. Когда я прижимаю footer к низу окна ... читать полностью »