Рубрики
Верстальщику

Является ли Google Chrome новым IE 6 для веб-дизайнеров?

chrome

Перевод, авторский текст на сайте Webdesigner Depot

Когда вы разобрались с IE6, поставили все «грабли и костыли», вам стоит подумать и о новом браузере от Google.

Хорошая новость заключается в том, что Chrome куда более совместим с веб-стандартам, чем IE 5 и 6. Тем не менее, он имеет свои особенности и баги.

Никто не может сказать точно, какое будущее ждет этот браузер. Но на сегодняшний день, за довольно короткий период Chrome захватил определенный сегмент рынка веб-навигаторов.

В этой статье вы найдете несколько советов, для того, чтобы ваши веб-страниц, работающие в Chrome, функционировали и выглядели так, как это и было задумано.

Рубрики
Верстальщику

CSS селекторы поддерживаемые браузером Google Chrome

Google Chrome

Как я уже писал в посте «Специальный хак для Google Chrome«, Google Chrome — основан на движке WebKit и фактически очень похож по восприятию CSS на Safari. Но если под MAC обработка селекторов для Chrome и Safari идентична, то для PС она несколько различается, Chrome здесь превосходит Safari и другие браузеры в обработке селекторов CSS 2.1, и особенно CSS 3.
Ниже приведён список селекторов (включая CSS3) и показана поддержка их браузером Chrome и другими навигаторами.

Рубрики
Верстальщику

Специальный хак для Google Chrome

Внимание! Материал устарел и использовать хак только для Chrome уже не получится. Смотрите комментарии к посту. Свежие хаки для Google Chrome можно найти здесь

Ажиотаж вокруг браузера от Google растет. Уже более одного процента пользователей сети используют Chrome для серфинга. Думаю, что эта тенденция будет положительной и динамичной.

Google ChromeВ целом браузер довольно корректно работает с CSS, очень похож на Safari, потому что работает на движке WebKit. Поэтому большинство хаков для Safari подойдут и для Chrome.

Поэтому, если вам надо прописать специфичный стиль, как для Safari, так и для Сhrome, то можно использовать хак body:first-of-type. А также могут пригодится специальные хаки для Safari 3+

Однако, похож, да не совсем. Есть в нем некоторые свои нюансы. Например не очень корректное отображение элементов форм. Причем не всегда помогают даже reset.css и пользовательские стили со строгими правилами. В общем, в скором времени, все равно придется брать в расчет Chrome при верстке.

И уже сейчас удалось найти один специальный хак для него:

body:nth-of-type(1) p{

color: #333333;

}

Удачной вам верстки:)