Некоторое время назад, я негодовал, когда читал о возможностях, которые разработчики 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 на Хабрахабре
Подробнее
Что такое Haml/Sass? Haml (xHTML Abstraction Markup Language) это язык разметки для упрощённой генерации xHTML. В свою очередь эквивалент Haml для css — это Sass (Syntactically Awesome StyleSheets). В данной статье я расскажу чем примечателен Sass. И с помощью чего sass-файл можно скомпилировать в css. Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Kevin Decker выпустил FireDiff — замечательное расширение для Firebug, которое отслеживает изменения в DOM и в таблицах стилей HTML-страницы. Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Вечером знакомый попросил быстро сделать ему основу для его блога. Даже не сверстать макет, а сделать именно основу. Так как я сижу без работы и становится скучно, решил безвозмездно посодействовать. Что получилось, смотрите под ниже. Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
01 02 03 04 05 6-25 Источник: Уроки CSS на Хабрахабре
Подробнее