Наткнулся сегодня на очень доходчивую презентацию о css3 media queries, техника достаточно прогрессивная и простая в использовании, ie правда вплоть до 8-й версии эти свойства не поддерживает, но ie9 должен будет поддерживать, да и пока не осликом единым.
Немного выделю основные идеи:
1. Вы можете определить с помощью только css, диапазоны разрешений экранов устройств, и для каждого подгружать свои стили.
2. Можете определить стили для различной ориентации экрана: вертикальной или горизонтальной.
3. Задать стили для цветных и монохромных устройств (принтеры, читалки и т.п.)
4. Кроме этого есть и довольно странные, пока не знаю даже, где их можно будет применить, это например scan и grid.
Как видите, простора для фантазии у вас с запасом =)
Презентация на английском, но как мне показалось, всё достаточно наглядно и просто, чтобы переводить это, так что хочу поделиться с вами оригиналом: Читать далее…
Nau
Веб-разработка
css3, media queries
Совсем недавно я писал, о том, чего можно ожидать от IE9… и вот сейчас зайдя на Windows Internet Explorer Testing Center я негодую! Мне действительно не верится в результат IE9 который по всем пунктам берёт pass и выдаёт 100% по всем тестам. И при том уделывает все остальные браузеры…разве что, только в тесте DOM Level 2 Style, firefox не ударил в грязь лицом и тоже набрал 100%.
результаты тестов IE9
Читать далее…
Nau
Веб-разработка, Новости, Программы
css3, html5, IE9, тесты
Что вы знаете о text-shadow? Это свойство появилось ещё в стандарте css2, но толком его, почти никто не использовал. Почему? Ну это как обычно связано с браузерами, не все они реализовали поддержку этого свойства. Мало того, все версии IE включая IE8 на сегодняшний день не поддерживают этого свойства… но, не всё так грустно. Именно в последнее время широко стали использовать это свойство для украшения текста, создавать тени, эффект вдавленности…
Читать далее…
Nau
Веб-разработка
css, css3, firefox, IE, opera, safary, text-shadow
Понадобилось как-то закруглить уголки в готовом шаблоне блога одного из друзей, а сидеть рисовать округлости самому естественно не хочется, опять же нарезать их потом…
Подключать ради этого jquery-плагин не хотелось, слишком лениво он прогружается, захотелось попробовать реализовать это с помощью CSS3. Читать далее…
Nau
Веб-разработка
css, css3
