Давайте посмотрим правде в глаза. Mozilla производит настолько много альф, ночных сборок, релизов для разработчиков, что если Вы так и не обратили внимания на выпущенную недавно версию — Firefox 3.6 alpha — то Вас можно вполне понять.
Хотя, на сей раз основания были очень даже веские, чтобы сосредоточить внимание гиков. Поскольку, среди прочих положительных нововедений, внесенные изменения предусматривают:
- свойство -moz-background-size
- множественные фоновые изображения
- новую единицу длины rem
- CSS градиенты
- улучшенное представление display: table
Теперь давайте сделаем важное замечание для прояснения ситуации — это все еще альфа-релиз (alpha release), который пока будут использовать только малейший процент от пользовательской базы Firefox. Тем не менее, у нас есть все шансы увидеть эти изменения в стабильной версии Firefox в конце года.
Если вы не бываете у Стюарта регулярно — вы возможно пропустили фантастические вещи.
После битв за чистые стили, работающие в IE6, да валидные, да без лишних оберток — эти украшалочки вызывают тихий экстаз.
NO hacks, NO conditional comments, NO tables and NO javascript
Tested and working in IE6, IE7, IE8, Firefox, Opera, Safari(PC) and Google Chrome
- Многоуровневое выпадающее меню, UL
- Одноуровневое выпадающее меню (раскрывается при наведении, либо по клику) UL
- Вертикальный боковой слайдер (в JS-библиотеках такое называется Accordion) — ни строчки скриптов DL-DT-DD
- Боковое меню с раскрытием пунктов над контентом, DL-DT-DD
СегоднÑ, верÑÑ‚Ð°Ñ Ð¾Ð´Ð¸Ð½ макет, Ñ, кажетÑÑ, изобрел очередной небезынтереÑный ÑпоÑоб вертикального Ð²Ñ‹Ñ€Ð°Ð²Ð½Ð¸Ð²Ð°Ð½Ð¸Ñ Ð±Ð»Ð¾ÐºÐ° отноÑительно родительÑкого. Он не оÑнован на превращении блоков в Ñчейки таблицы и не иÑпользует css-ÑвойÑтво position.
ТребованиÑ
— Должна быть извеÑтна Ð½Ð°Ñ‡Ð°Ð»ÑŒÐ½Ð°Ñ Ð²Ñ‹Ñота родительÑкого блока;
— Дочерний блок может иметь произвольный размер как по выÑоте, так и по ширине.
ВозможноÑти
— Работает в IE6+, O9+, FF2+, webkit;
— Тру vertical-align выравнивание Ñо вÑеми допуÑтимыми значениÑми;
— Одинаковое поведение во вÑех браузерах (незначительные отклонение при некоторых уÑловиÑÑ… в ие6 будут оговорены ниже);
— При выраÑтании дочернего блока выше «папочки», родительÑкий блок раÑширÑетÑÑ;
— Ðи грамма Javascript.
Как известно некоторый браузер не поддерживает правила «>» в CSS, которое иногда бывает очень нужным, например при создании списка списков, когда первый уровень списка не имеет отступа, а второй и последующие имеют. Сегодня мне в голову пришло решение, которое я хочу представить на ваш суд:
Наконец-то мы дождались корректной работы IETester в Windows 7! После беглого тестирования нескольких сайтов остался доволен и заметил, что пропало куча ошибок по сравнению с предыдущей версией (0.3.5), зато появились неработающие кнопки, типа «параметры Internet Explorer», но это мелочи.
Скачать на сайте разработчика.
CSS редакторы – это редакторы, которые предназначены только для создания Каскадных Таблиц Стилей. И хотя для этих целей можно использовать полнофункциональную среду разработки или другой редактор кода – CSS-редакторы могут предложить специализированные функции и особенности, для быстрого создания качественного CSS. В этой статье, вы узнаете о наиболее популярных CSS-редакторах, доступных к использованию.
Принцип работы, оÑобенноÑти Ð¿Ð¾Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð² различных браузерах, примеры иÑпользованиÑ
В продолжение темы "Шрифты, общие для всех (актуальных) версий Windows, и их Mac-эквиваленты", спешу поделиться найденными эквивалентами для Linux. Надеюсь, пригодится!
Пока все считают дни до "кончины" ИЕ6, парни из onderhond.com помогают верстальщикам хотя бы частично автоматизировать работу с этим чудом природы.
За время существования web 2.0 в сети появились некоторые приемы так называемого web 2.0 дизайна, один из которых это градиент.
Создание подобного эффекта, если не брать в расчет элементы с фиксированной высотой доставляет верстальщику не мало сложностей. Ключевым моментом реализации является оптимизация графики, но с другой стороны слишком "пережатый" файл теряет качество, что особенно заметно при использовании такого элемента с нефиксированной высотой. А что делать если эффект градиента необходимо использовать в фоне страницы ?