Отказ от поддержки ie6 вреден для SEO и вашего кармана!

Читать полностью »

Сегодня, выполняя один проект на фрилансе, наткнулся на ранее неизвестную мне особенность браузера IE.

Как выяснилось, браузер IE позволяет подключить с помощью <link> не более 31 файла стилей. Все, что свыше 31, IE попросту игнорирует. Очень интересное ограничение на количество внешних файлов css для IE. Подвержены ему версии IE6/7/8, то есть все существующие на данный момент.

Выходом является подключение избыточных файлов стилей с помощью директивы @import url("имя файла") типы носителей; .
Стоит также отметить, что браузеры FF, Opera, Safari и Chrome без труда справляются с любым количеством файлов стилей.

Интересно, снимут ли это ограничение разработчики браузера IE в 9-ой версии?

Читать полностью »

Топик на заметку верстальщику. Если для того, чтобы правильно считалась высота контейнера, содержащего float элементы, вы все еще кладете в конец этого контейнера <div class="clear">, то хочу предложить вам намного более простой и удобный вариант с использованием <br clear="all" />, который абсолютно валиден, и делает абсолютно тоже, но записывается и читается затем в коде намного легче. Вот уже несколько месяцев, как я заменил используемый по жизни .clear с описанием через css на <br clear="all" />, и уверенно могу сказать, что никаких недостатков по сравнению с первым методом у него нет (тег прекрасно понимается ИЕ6). Итого нам не нужно прописывать в css бесконечные стили на класс .clear

1

.clear { height: 0; font-size: 0; overflow: hidden; clear: both; }

И еще кучу всего, что обычно пишут верстальщики, а достаточно в конец контейнера пололжить <br clear="all" />. Имхо, код становится намного более красивым и читаемым.

Update 14.12.2010 Как оказалось, разница все же куда более существенна. Дело в том, что <br clear="all" /> при некоторых обстоятельствах создает своим присутствием попросту пустую строку, обнулить которую не представляется возможным. Поэтому все же рекомендую пользоваться этим тегом аккуратно, он неуниверсален и в некоторых ситуациях не сможет заменить <div class="clear">, который с легкостью обнуляется. В своей практике я перешел на повсеместное использование техники .clearfix, позволяющей правильно считаться высоте блока-родителя плавающих контейнеров и <div class="clear"> в некоторых случаях.

Вопрос на ответ “Как изменить цвет/фон выделения в браузере” оказался ничуть не сложнее, чем я и ожидал. Подобный эффект без труда достигается использованием псевдо-селекторов CSS3. Выглядит это следующим образом:

1
2

::selection { background: #f6b36a; color:#000; }
::-moz-selection { background: #f6b36a; color:#000; }

Здесь первая строка устанавливает соответствующий фон (background) и цвет (color) для выделения в Opera и Safari, вторая – для FF. Ни IE6/7, ни как ни странно IE8 не поддерживают данных псевдо-селекторов, а потому насладиться подобной красотой пользователям этих браузеров не удастся.

Читать полностью »

Уххххх. Только-только закончена работа над моей 4 статьей на этом сайте, а уже руки чешутся поддернуть других, возможно параллельно со мной начинающих блоггеров, и попугать их сложностями, с которыми им прийдется столкнуться при ведении своего блога, если они хотят делать это с умом, чтобы потом его монетизовать. В связи с чем и публикую СВОИХ 5 причин, почему ВАМ не стоит вести свой блог. Читать полностью »