Предположим, что нам нужно сделать страничку, на которой будут выкладываться файлы разных типов (архивы, картинки, документы), и при этом мы хотим, чтобы каждый тип файла выделялся, но для того, чтобы его выделить пользователю, который добавляет файл, не придется утруждаться прописыванием стилей или классов. И не надо требовать от разработчиков модификации серверной части (чтобы та выводила ссылки с иконками). Это все очень просто можно сделать при помощи CSS. Источник: Уроки CSS на Хабрахабре
Подробнее
Данная статья — первая из цикла на тему укрощения CSS. Сегодня мы рассмотрим технологию CSS Reset. Зачем это нужно? Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. С помощью CSS Reset мы можем нивелировать эту разницу для обеспечения кроссбраузерности стилей. Например, вы используете элемент a в вашем документе. Большинство браузеров, как Internet Explorer и Firefox, добавляют ссылке синий цвет и подчёркивание. Однако представьте, что через пять лет
Подробнее
Работы этого человека обошли весь интернет, в том числе публиковались на Хабре. Самые известные, пожалуй, изображения Гомера Симпсона и Буша, реализованные с помощью CSS. Роман пошел еще дальше и еще в мае 2008 года выпустил программное обеспечение для получения CSS-представления монохромных изображений. Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Предыдущие статьи: Создаем шаблон Joomlа по стандартам — часть 1 Создаем шаблон Joomlа по стандартам — часть 1 (продолжение) Создание чистого CSS-шаблона для Joomla 1.5 — часть 2.1 Создание чистого CSS-шаблона для Joomla 1.5 — часть 2.2 Создание чистого CSS-шаблона для Joomla 1.5 — часть 2.3 Прячем колонки До сих пор мы подразумевали, что наш дизайн будет всегда содержать три колонки, не зависимо от того, содержат ли они какой-то контент. С точки зрения шаблона Joomla, это не очень удобно. В
Подробнее
Продолжаю публикацию перевода цикла статей о создании «Чистого CSS-шаблона для Joomla 1.5». Правда, если честно, после размещения предыдущих двух частей возникли некоторые сомнения в востребованности этого материала (сужу по полученным оценкам), но все же не хочется бросать начатое дело, ведь кому-то все равно это может пригодиться. Предыдущие статьи: Создаем шаблон Joomlа по стандартам — часть 1 Создаем шаблон Joomlа по стандартам — часть 1 (продолжение) Создание чистого CSS-шаблона для Joomla
Подробнее
Заметка Выносим CSS в пост-загрузку была посвящена исследованию наиболее быстрого способа добавить стилевые правила в исходный документ динамически, не затрагивая при этом стадию предзагрузки (когда у нас еще белый экран в браузере). В ней, однако, не был рассмотрен следующий вопрос: какой метод использовать для добавления массива CSS-правил в сам HTML. Естественно, что таких вариантов существует несколько, и дальше они все будут рассмотрены с точки зрения производительности в клиентском
Подробнее
Рано или поздно все web-разработчики сталкиваются с ситуацией, когда Internet Explorer становится проблемой, тормозящей разработку проекта. Сайт свёрстан валидно, по стандартам. Нормально отображается в Mozilla, Opera, Safari и других нормальных браузерах. Но. Открываем его в IE. И видим. Как то, что мы подгоняли по пикселям, строго придерживаясь стандартов, размазано по странице. Ладно ещё в IE7 можно более-менее просто подогнать вёрстку (конечно зависит от дизайна), но от IE6 иногда волосы
Подробнее
Сегодня с удивлением обнаружил, что популярный в народе jQuery-плагин для показа сообщений jGrowl версии 1.1.1 не работает в IE7. Вернее, сами сообщения отображается, но где-то внизу. В других браузерах подобная проблема не наблюдается. Честно потратил около часа: игрался с блоками div.ie6 в исходном css-файле (да, если кто не в курсе — для IE там отдельные стили. No comments), изучал сам плагин на предмет глючности. Потом поизучал эту тему в гугле и обнаружил следующее. В плагине есть такая
Подробнее
Перед нами «Наиболее полное руководство» — заявляется на обложке книги Вадима Дунаева. Сразу следует отметить, что книга издана в 2005 году, когда слово «стандарты» уже не было пустым звуком. Также книга переиздавалась в 2008 году, но многое ли изменилось в ее тексте — мне неизвестно. Переворачиваем столь многообещающую обложку и знакомимся с содержимым. Первая глава описывает структуру HTML-документа, такие важные вещи как разделы head и body, а также группу тегов meta и некоторые другие, что,
Подробнее
Широкая картинка не влезает Скриншот при ширине окна браузера в 1024 пикселя Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Всем известно, что «большая часть времени уходит на загрузку компонентов страницы: картинок, таблиц стилей, скриптов, flash… Уменьшение количества этих компонентов уменьшает количество запросов к серверу, необходимых до того, как клиентское приложение может отрендерить страницу.» Я всегда сжимал и объединял *.js и *.css файлы вручную, но последнее время меня это стало немного доставать, и я решил упростить этот процесс. Для этого я перерыл кучу всего на гугле и тематических форумах в поисках
Подробнее
При реализации механизма Drag&Drop для сайта столкнулся со странным глюком. Иногда не отрабатывались события мыши при drop'e. При этом, глюк был не постоянный, что затрудняло его отладку. Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее