IE 6 — на свалку. 10 новых возможностей для вёрстки, программирования и дизайна страничек

Некоторые люди считают, что шестой эксплорер уже давно мёртв. Но только разработчики, которые могут позволить себе роскошь работать на проект для специализированной аудитории или занимаются каким-то некоммерческим ресурсом, могут так думать. Для всех остальных девелоперов, живущих в реальном мире нетехнических людей, IE6 до сих пор остаётся головной болью. (картинка от Mike Ronde) Но, вполне вероятно, терпеть осталось недолго. С выходом IE 8 многие обычные юзеры, вняв советам и посулам Microsoft проапдейтили свои браузеры, и нет сомнений, что в дано плане политика Microsoft будет весьма агрессивной, и они и дальше будут всеми возможными способами убеждать пользователей перейти на восьмую версию IE. Да и в целом, медленно, но верно юзеры и вовсе уходят от эксплорера к Firefox и другим браузерам. По данным Arstechnica совсем недавно в Европе количеств пользователей Firefox стало большим, чем у IE всех мастей и видов. Поэтому не ровен час и IE6 станет маргинальным браузером и его можно будет списать со счетов, как в прошлом сделали с Netscape 4. Забить на его поддержку и оставить наслаждаться подобным ретро самых упорных в одиночестве. (А такие, кстати, среди юзеров есть, причем, именно в плане используемого браузера). Им же не придёт в голову возмущаться в салоне оператора сотовой связи, что на вашем телефоне, купленном в 2001 году, почему-то не поддерживается 3G. А вот если дело касается браузера, так за милую душу.) Так или иначе, ещё примерно год и можно будет окончательно уже отправить на свалку истории шестой эксплорер, что, наконец, развяжет разработчикам руки. И когда этот день настанет, мы сможем без помех реализовать те классные штуки, которые раньше мы не могли из-за IE6. Их я и предлагаю вашему вниманию. 1. Дочерние (child) селекторы. Теперь больше нет необходимости плодить бесконечные правила наследования для отмены других правил наследования. Для дочерних селекторов CSS2 мы можем задать правила, которые будут использоваться только прямыми дочками, а не всеми поколениями. 2. Полноценное использование 24-битных PNG Больше не будет мерзких белых алайзинговых точек на границах изображений. С поддержкой альфа-канала в PNG мы сможем использовать изображения с тенями, подсветкой и другими эффектами прозрачности, будучи уверенными, что все пользователи их правильно увидят. 3. Использование селекторов атрибутов. Нет больше необходимости определять тип классов input-элементов - что-то вроде input class =" "text"" ... /> - когда мы можем использовать CSS2 селекторы атрибутов типа input[type="text"]. Мы даже можем использовать CSS3 селектор атрибутов подстроки substring (поддерживается всеми современными браузерами, включая IE7), который может быть очень полезным для определения селекторов, которые применяются сразу к целому ряду различных значений атрибутов, что значительно сокращает количество кода, необходимого, к примеру, для выбора группы элементов с одинаковыми именами класса. 4. Использование более широкого круга инструментов отображения. Мы будем иметь возможность использовать такие штуки как display:inline-block вместо float:left и уйти, наконец, от этих бесконечных float`ов или сомнительного использования overflow:hidden просто ради очистки. (В данном случае, кстати, надо также дождаться и когда пользователи Файрфокса все перейдут на третью версию лисы). 5. Использование min-width и max-width. Хотя реализация свойства width в шестом эксплорере весьма близко к корректной реализации min-width однако это всё-таки не одно и тоже, да и не для всех случаев подходит. Ну а свойство max-width вообще шестому эксплореру незнакомо и неизвестно. С уходом в небытие IE 6 в блочной вёрстке наступит ренессанс и дизайнеры, наконец, получат ту гибкость вёрстки, о которой так давно просили. 6. Забудьте о 90 процентах CSS хаков (А главное забудьте о проблемах, для решения которых они придуманы) Больше можно будет не беспокоиться об использовании причудливых двойных символах, загадочных невидимых блоков и двойных отступах. С уходом IE 6 уходит и весь этот большой массив багов рендеринга страничек и хитроумных хаков для их лечения. 7. Использование аббревиатур, которые все могут увидеть Лично я использую только элемент и никогда не использую , и меня так или иначе напрягает мысль о том, что IE6 пользователи не будут видеть расширение. Ещё больше раздражает, когда ради них приходится ещё и скрипт использовать для раскрытия аббревиатуры. 8. Доверяйте z-index`у снова. Больше не придётся ломать голову, почему слой Х находится над слоем Y, тогда как должен быть под, и где была допущена ошибка. А, точно, ошибки нет, это же баг наложения в IE6. 9. Экономия времени и денег Значительно меньше времени будет уходить на поиск и применение хаков для решения проблем, а значит и затраты средств и времени на разработку будут ниже. 10. Да и просто – радуйтесь жизни! Работать с CSS сейчас будет гораздо большим удовольствием, чем раньше. До тех пор, впрочем, пока не захочется ещё и IE 7 списать в утиль и получить ещё большую свободу действий при разработке.

Но вот остались ещё три вещи, которые мы не можем использовать безнаказанно, пока не списали на пенсию IE7.

1. Использование CSS счётчиков. Так или иначе, мы всё ещё не можем уйти от использования атрибута start или делать какие-либо интересные штуки со свойством content. 2. Использование свойства box-sizing. В CSS3 поле свойство box-sizing, реализованное в IE8, и других современных браузерах, позволяет нам, наконец, выбирать для себя бокс-модель, которую мы хотим использовать в конкретной ситуации, и положить конец раз и навсегда утомительным спорам о том какая из них является единственно "правильной". 3. Любые улучшения в JavaScript. Есть много вещей, который мне бы хотелось использовать в рутинном JavaScript программировании, но с ними придется подождать до тех пор, пока IE7 не канет в лету, так как только в IE8 некоторые улучшения в скриптовой движок были внесены. Источник Оригинал

Новый рекламный формат в наших телеграм-каналах.

Купить 500 символов за $150