Пример создания блоков с закругленными уголками с помощью одного div'а и псевдоэлементов css :before и :after. Источник: Уроки CSS на Хабрахабре
Подробнее
Задача: Показать семантичный пример верстки с прижатым к низу футером неопределенной высоты стандартными средствами CSS 2.1; Получить на базе этого примера применимое на практике кроссбраузерное решение; «Попиарить» незаслуженно забытые значения свойства display; Добрым словом помянуть таблицы :) История вопроса: всё началось с этого коммента к этому топику, за ним последовало познавательное обсуждение, продолжившееся в личной переписке. И вот что получилось в итоге... Источник: Уроки CSS на
Подробнее
Задача Совместить lite-версию сайта (работающую без javascript'а) с обычной. Иными словами, сделать graceful degradation для javascript-решений. Далее в посте небольшое руководство для тех, кому актуальна данная проблема. Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
В ответ на комментарий из поста про прилипающий футер. … большой недостаток — фиксированная высота… Привожу пример исправления этого недостатка. Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Решил я начать новую серию статей — «CSS для начинающих», надеюсь, будет полезно многим. Первый урок будет посвящен кнопкам… Источник: Уроки CSS на Хабрахабре
Подробнее
Я заметил на многих сайтах отсутствует отдельный стиль для печати. То есть, если кто-то захочет распечатать какой-либо материал с сайта, то на бумаге он будет выглядеть почти так же как и в сети, вместе с кучей ненужной информацией. С боковой панелью, с категориями, с облаком тегов и прочими ссылками и кнопочками, которые будут не интересны на бумаге. Так вот, для того чтобы это исправить, создаем отдельный css файл и называем его print.css. Прописываем его в header страницы: < link rel
Подробнее
Если Вы недавно начали заниматься версткой html-страниц и хотите научится это делать лучше эта статья для Вас, кроме того она подойдет для тех кто верстает уже давно, к сожалению многие неправильно составляют свои таблицы стилей. Вот несколько основных моментов грамотного написания CSS. Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Написать эту статью меня натолкнуло общение с администратором сайта одного из футбольных клубов российской Премьер-лиги. Надеюсь, что он ее прочитает и воцарит сие в жизнь. Сейчас стало очень модно делать формы, в которых заголовок поля для ввода написан в самом поле. Например так: Но как в таком случае быть с полем для ввода пароля? Ведь он заменяет дефолтное значение на звездочки. В этом посте я решил рассмотреть несколько вариантов, как сделать поле для пароля со звездочками, но что бы слово
Подробнее
В Google Analytics добавлен продвинутый функционал фильтрации по критериям (events). Фильтровать аудиторию можно в пару нажатий мышки, и для отфильтрованной группы доступны все стандартные средства Google Analytics. Что интересно, выдумывать и создавать можно абсолютно любые события (например, фильтр по тем, кто смотрел на сайте видео, или по тем, кто щёлкал по рекламе). Технически это работает так. Как только вы создаёте новые уникальные критерии для фильтрации (event), генерируется новый код
Подробнее
Уже довольно продолжительное время я создаю всевозможные сайты: большие и маленькие, простые и сложные, плохие и хорошие… Практически в каждом сайте я оформляю внутри HEAD так называемые meta-теги. Привычка, знаете ли. Все больше убеждаюсь, что системы индексируют результат, исходя из содержания страниц, порой не сильно выгодный создателю. Не считаю себя экспертом в SEO (я больше специалист по части семантики кода и дизайну), но я хотел бы задать вопрос habrhabr-сообществу: полезны ли мета-теги
Подробнее
В продолжение темы. What is «money maker»? Капитан Очевидность переводит это выражение как «деньгодел». Есть ли разница между понятиями «делать деньги» и «зарабатывать деньги»? Разумеется, ответит любой лемминг и приведет цитату из любимого варианта компиляции одних и тех же мыслей своего гуру Кийосаки об активном и пассивном доходе. Активный доход, скажет лемминг, это фу, а пассивный — бар, стриптиз и прочие так называемые радости жизни. С точки зрения лемминга «манимейкер» — идеальная
Подробнее
Собственно, ничего принципиально нового или фантастического. Просто способ сделать такие вот стильные блоки без использования изображений: Думаю, это много кому может пригодиться. У меня, например, есть несколько проектов, на которых этот способ было бы целесообразно использовать. Источник: Уроки CSS на Хабрахабре
Подробнее