Optimizator Field – блог веб разработчика
CSS вёрстка. Внутренняя оптимизация сайтов. Настройка Wordpress.
CSS вёрстка. Внутренняя оптимизация сайтов. Настройка Wordpress.
11.06.2008
“Никак”, – быстрый ответ. А для особо любопытных – , объёмный документ из MSDN с громадным количеством сводных таблиц о поддерке IE5.0-IE8.0 тех или иных CSS селекторов, псевдоклассов…
9.06.2008
Вёрстка сайтов не такое уж и сложное дело… если бы не одно НО, которое называется Internet Explorer :)
Проверять как выглядит сайт под разными версиями этого “браузера” довольно сложно. Кто пользуется веб-сервисами, кто standalone версиями, а кто и просто бегает к соседу с просьбой “а ну-ка открой свой седьмой”…знакомо?

С лёгкой подачи представляю вам – бесплатная утилита, которая облегчит нам жизнь. С помощью этого браузера вы сможете просматривать сайт в IE5.5, IE6, IE7 и IE8 beta1 !!!
UPD:
Программа хороша! но ещё немного сыроватая, о чем ниже…
В процессе тестов оказалось ей нужен 7-й IE для рендеринга страницы во всех заявленных версиях. На свой страх и риск таки поставил его (хотя до этого использовал IE6+PortableIE7). Даже рад этому – всё-таки седьмая версия сейчас “основная”.
Пока что полёт нормальный, но случайным образом вылетает браузер – и самое интересное не понятно как лечить :). Практикую “вылетело-запустил заново” – и так до победы. Обычно хватает пару раз. Закономерности не заметил, но на оф.форуме пишут, что крашится при открытии IE6 в первой закладке… В принципе я доволен, а надежда на новые неглючные версии добавляет оптимизма :)
UPD2: Танцы с бубном показали, что открытие закладок в порядке убывания версий (8,7,6,5) добавляет стабильности :)
Во время недавней вёрстки интернет-магазина (а вы сами понимаете они не просты) особых нареканий не было, браузеры работали гладко. Жаль только отсутствует меню “открыть” – адрес подопытной странички приходится вставлять из буфера.
Из новенького – работают “conditional comments” для IE (хотя некоторые сомневались).
15.04.2008
Довелось работать с симфонией… мутная вещь, однако!
Есть такая нехорошая в ней фишка, как использование папки “web” для приложения :(. На “денвере” запарился с виртуальными хостами, но всё поднял кое как…
Другая проблема появилась, когда я захотел выложить проект – на хостинге ведь “public_html” папка у апача! Хорошо, если это ваш личный сервер и можно подправить конфиг апача или через админпанель что-то поколдовать (кстати так и не нашёл как это сделать в direcadmin). А что если нет доступа?
Решение было найдено на блоге и заключается в добавлении кода в конец конфигурационного файла вашего приложения (config.php):
1 2 3 4 5 6 | $sf_root_dir = sfConfig::get('sf_root_dir'); sfConfig::add(array( 'sf_web_dir_name' => $sf_web_dir_name = 'public_html', 'sf_web_dir' => $sf_root_dir.DIRECTORY_SEPARATOR.$sf_web_dir_name, 'sf_upload_dir' => $sf_root_dir.DIRECTORY_SEPARATOR.$sf_web_dir_name.DIRECTORY_SEPARATOR.sfConfig::get('sf_upload_dir_name'), )); |
Естественно остальные папки фреймворка должны лежать вне папки “public_html” !
26.03.2008
С пылу с жару! Как я рад, что пофиксил немного “” (особенно учитывая мои слабые познания js)!!!
Суть проблемы проста – .png рамки непрозрачны в ИЕ :(
Для этого перепробовал кучу решений и остановился на , плагине для jQuery, который фиксит прозрачность. Качаем, подключаем скрипт и инициализируем его на страничке:
1 2 3 4 | jQuery().ready(function(){ $('a[rel*=facebox]').facebox(); $('#facebox td').ifixpng(); < ------ }); |
Ура, уголки стали прозрачными! Но у нас появилась новая проблема – ifixpng не поддерживает CSS свойство “background-repeat”, из-за чего некорректно ображаются рамки. Так что напильничком подрихтовываем стили facebox’а (facebox.css):
1 2 3 4 5 | #facebox .b { background: #555; opacity: .70; filter: alpha(opacity=70); /* for IE6 support */ } |
Теперь нам совсем не нужен файл "b.png" и с моего полупинка фейсбокс работает как и задумывал автор (которому, кстати, огромный респект)! Удачи!
26.03.2008

Появился интересный плагин для jQuery – . Он является аналогом лайтбокса, тоже позволяет выводить картинки… но кроме них ещё и div’ы и даже отдельные странички!!! Берём на вооружение :)
ЗЫЖ прямо старые добрые модальные окна…
ЗЫЖЖ люди, чтобы в jQuery не было глюков, юзайте “DOCTYPE XHTML 1.0 Strict”, а то попалась в руки готовая вёрстка с “Transitional” и пришлось полдня разбирался почему в ИЕ глючит анимация :((((
14.03.2008
Известно, что на ролики по-умолчанию проигрываются не в лучшем качестве! На лайфхак-сайтах упоминался трюк с добавлением в адресную строку дополнительного параметра для включения режима видео высокого разрешения. Даже выпустили плагин для Firefox!
Но теперь в этом нет необходимости, т.к. на сайте появилась ссылка под роликом (естественно, если он поддерживает этот режим) “Watch this video in higher quality“:

А ещё удобнее будет зайти в настройки своего аккаунта и там указать качество проигрывания “высокое” по-умолчанию: “Account” -> “Account Section” -> “Video Playback Quality”.

Via . Приятного просмотра!
Последние комментарии