Здравствуйте, дорогие читатели сего текста! Сегодня я хочу поделиться с Вами секретом о том, как легко можно освоить кроссбраузерную вёрстку и сделать Ваш сайт кроссбраузерным. А пока ответьте на один вопрос: «Вы до сих пор открываете 5 браузеров (IE9, Opera, Safari, Google Chrome, Firefox) для просмотра своего сайта, и ломаете голову над тем, как он будет отображаться в IE6?» — тогда эта статья для Вас. Представляю вашему вниманию новое средство для разработчика — SuperPreview.
SuperPreview — это компонент, который входит в состав Microsoft Expressoin 4 Web. Сейчас можете скачать Microsoft Expressoin 4 Web и в течении 60 дней протестировать. Кстати потребляет SuperPreview он всего навсего 66 mb оперативной памяти. И помимо всего этого обладает простым, понятным, интуитивным интерфейсом. И так, расскажу вкратце об использовании и некоторых возможностях этой программы.
Начнём с панели инструментов.
Можно выделять мышкой (Selection Mode — [V]), а можно выполнять перетаскивание рукой (Panning Mode — [H]) .
Здесь можно выбрать как подсвечивать выбранный элемент сайта — обводка контуром (Box Highlighting Mode — [L]), либо затемнять всё, кроме выбранного участка (Lights-Out Highlighting Mode — [L])
Линейка (Toggle Ruler Visibility — [R]), миниатюра (Toggle Thumbnail Visibility — [T]) , линии разметки (Toggle Guide Visibility — [Ctrl + ;])
Вертикальное разделение макета (Vertical Split Layout — [A]) , Горизонтальное разделение макета (Horizontal Split Layout — [S]), наложение макета (Overlay Layout — [D]), один макет (Single Layout — [F])
Отображение в %. Если у вас диагональ 19» и более, смело используйте 100%.
Расположение файла. Можно указывать как локальный файл D://index.htm, так и интернет-адрес http://stafox.ru
В правом нижнем углу можете выбрать разрешение браузера. Я обычно верстаю под 1024×768, пожалуй это минимальное разрешение дял большинства на сегодняшний день.
Вот впринципе и всё. А вот скриншот работы программы на примере твиттера:
Вы используете SuperPreview?
Наиболее часто комментируемые
Или читайте меня в Яndex.Ленте или Google Reader'e
StaFox, без обид, посмотри свой блог в IE6. Канеш можно плевать на IE, но тогда не стоит говорить о крЯзябрености, тем более, что то советовать по верстке… Ни чего личного, просто «за державу обидно»… Удачи в верстке!!!
Спасибо добрый человек:)) Я могу сказать больше! Проблема в верстке ещё есть и IE 6-9. А также баг в Мозиле. Тему взял, слегка подправил по цветам, и перенёс теги. Всё. Над остальным заморачиватсья нет времени.
Приглашаю Вас посетить мой блог ближе к концу декабря. Когда полностью доработаю свой шаблон с нуля! И кстати ссылка у Вас нерабочая;)
И спешиал для Вас и других пользователей IE, сделаю красоту
Спасибо, StaFox, за понимание. Я не подумал, что блог в разработке. Буду твоим посетителем
.
По моей ссылке заходи ближе к «Новому году», а мож и раньше управлюсь. Удачи!
Ничего страшного в том, что в ИЕ6 не идеально, там только PNG фикс приделать и будет порядок, вот все что я нашел на вашем блоге из косяков в ИЕ6 http://s03.radikal.ru/i176/1011/0d/07784bb46302.png
За програмку отдельное спасибо, теперь мучений при вылизывании верстки будет меньше
Ну, png фикс это да. Есть ещё пару косяков.. Просто напрягает, как 6-ка реагирует по-особому на некоторые css-свойства.
Пожалуйста!
IE предсказуем, больше удивляет Firefox…
Отличная новость!! А ведь я все время открывал 5 браузеров по очереди) теперь попробую эту программу! спасибо!
p.s. красивый блог
Пожалуйста!
За комплимент спасибо, приятно)) Но он все ещё в разработке все доделаю ближе к серединеконцу декабря
хотел бы подписаться по рсс, но он не работает( ошибку выдает..
Сегодня подправлю, а то во время создания темы совсем забыл про BOM’ы. Попробуйте вечерком, к часикам 8 (9 по мск)
При использовании SuperPreview в списке локальных бразуров есть только IE(6, 7, 8), но нет других, хотя Opera, Chrome и Safari установлены. Не знаете, почему так?
Есть предположение, что в триальной версии бетабраузеры и другие браузеры не доступны.