Я заметил на многих сайтах отсутствует отдельный стиль для печати. То есть, если кто-то захочет распечатать какой-либо материал с сайта, то на бумаге он будет выглядеть почти так же как и в сети, вместе с кучей ненужной информацией. С боковой панелью, с категориями, с облаком тегов и прочими ссылками и кнопочками, которые будут не интересны на бумаге. Так вот, для того чтобы это исправить, создаем отдельный css файл и называем его print.css. Прописываем его в header страницы: < link rel
Подробнее
Если Вы недавно начали заниматься версткой html-страниц и хотите научится это делать лучше эта статья для Вас, кроме того она подойдет для тех кто верстает уже давно, к сожалению многие неправильно составляют свои таблицы стилей. Вот несколько основных моментов грамотного написания CSS. Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Написать эту статью меня натолкнуло общение с администратором сайта одного из футбольных клубов российской Премьер-лиги. Надеюсь, что он ее прочитает и воцарит сие в жизнь. Сейчас стало очень модно делать формы, в которых заголовок поля для ввода написан в самом поле. Например так: Но как в таком случае быть с полем для ввода пароля? Ведь он заменяет дефолтное значение на звездочки. В этом посте я решил рассмотреть несколько вариантов, как сделать поле для пароля со звездочками, но что бы слово
Подробнее
Собственно, ничего принципиально нового или фантастического. Просто способ сделать такие вот стильные блоки без использования изображений: Думаю, это много кому может пригодиться. У меня, например, есть несколько проектов, на которых этот способ было бы целесообразно использовать. Источник: Уроки CSS на Хабрахабре
Подробнее
Некоторое время назад, я негодовал, когда читал о возможностях, которые разработчики WebKit хотят внести в CSS. Там были разнообразные трансформации, анимации и тому подобные, не понятные консерваторам, вещи. Однаки на представленном видео, видно, что имея подобные инструменты/возможности, нам открываются невероятные возможности. Видимо стоит пересмотреть свое восприятие мира. Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Закругленные уголки опять волнуют хабравчан, за последние 24 часа наблюдал 2 интересных топика с различными способа закругления этих самых уголков. Решил показать то, чем пользуюсь сам. Сразу хочу оговориться, что я не претендую на уникальность данного способа, но додумался до него сам. Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Кабум! На самом деле рассказать вам хочу не о коте ученом, это было бы слишком для Хабрахабра. Хотя коты… Ладно не отвлекаемся. Рассказать вам хочу об ученом CSS. Забегая скажу не о таком ученом как SASS, но этот CSS такой CSS! Так о чем это я? :) А я вот о чем: я о проекте Алексиса Сельйера и Дмитрия Фадеева который носит соблюдающие все каноны именований языков связанных с вебом, имя LESS. LESS умеет немного, но для консерваторов и любителей классического CSS это будет ой как полезно: LESS
Подробнее
Begin На хабре наверно уже миллион статей про колонки одинаковой высоты. Вы спросите зачем нам нужна еще одна статья в 1001й раз? Вот в чем затык Проблема в том, что колонки одинаковой высоты с нижней границей — не так то просто сделать… В основном, я использую метод с padding-ами, т.е. ставим: .column { padding-bottom: 32750px; margin-bottom: -32750px; } * This source code was highlighted with Source Code Highlighter . для колонок, которые должны быть одинаковой высоты, и помещаем эти колонки
Подробнее
Раздражает, когда ссылка-изображения и ссылка-подпись к ней являются двумя разными ссылками, ведущими в одно и то же место. В этом случае, наводя на ссылку-изображение, ссылка-подпись, конечно же, не подсвечивается. В этот момент я начинаю думать, что, возможно, ссылка-подпись ведет в другое место, и перемещаю курсор к ней, и начинаю в памяти сравнивать урлы этих двух ссылок. Хотя мог бы и не делать этого, если бы по наведению на изображение, подсветилась бы и подпись к нему. На моей практике,
Подробнее
Довольно объемная статья с подробным изложением описания CSS-свойства writing-mode, которое появилось еще в IE5.5, потом стало CSS3-свойством и пока в полной мере, в том числе и для таблиц, реализовано только в IE8. Источник: Уроки CSS на Хабрахабре
Подробнее
Если кто не знал — в именах CSS-селекторов можно использовать юникодовые символы. Вообще любые. :) Теперь подумаем, какой с этого толк? Источник: Уроки CSS на Хабрахабре
Подробнее
Примеры использования 30 различных Tooltip. Источник: Уроки CSS на Хабрахабре
Подробнее