Optimizator Field – блог веб разработчика | Вёрстка. Оптимизация сайтов. Шаманство с CMS. Личная продуктивность. Софт.

IETester – зоопарк браузеров для вебразработчиков!

9.06.2008

Вёрстка сайтов не такое уж и сложное дело… если бы не одно НО, которое называется Internet Explorer :)

Проверять как выглядит сайт под разными версиями этого «браузера» довольно сложно. Кто пользуется веб-сервисами, кто standalone версиями, а кто и просто бегает к соседу с просьбой «а ну-ка открой свой седьмой»…знакомо?

ietester

С лёгкой подачи WebWorkerDaily представляю вам IETester – бесплатная утилита, которая облегчит нам жизнь. С помощью этого браузера вы сможете просматривать сайт в IE5.5, IE6, IE7 и IE8 beta1 !!!

UPD:
Программа хороша! но ещё немного сыроватая, о чем ниже…
В процессе тестов оказалось ей нужен 7-й IE для рендеринга страницы во всех заявленных версиях. На свой страх и риск таки поставил его (хотя до этого использовал IE6+PortableIE7). Даже рад этому – всё-таки седьмая версия сейчас «основная».
Пока что полёт нормальный, но случайным образом вылетает браузер – и самое интересное не понятно как лечить :). Практикую «вылетело-запустил заново» – и так до победы. Обычно хватает пару раз. Закономерности не заметил, но на оф.форуме пишут, что крашится при открытии IE6 в первой закладке… В принципе я доволен, а надежда на новые неглючные версии добавляет оптимизма :)

UPD2: Танцы с бубном показали, что открытие закладок в порядке убывания версий (8,7,6,5) добавляет стабильности :)
Во время недавней вёрстки интернет-магазина (а вы сами понимаете они не просты) особых нареканий не было, браузеры работали гладко. Жаль только отсутствует меню «открыть» – адрес подопытной странички приходится вставлять из буфера.
Из новенького – работают «conditional comments» для IE (хотя некоторые сомневались).

ie, браузеры

Меняем рабочую папку в Symfony

15.04.2008

Категория: Веб-разработка

Довелось работать с симфонией… мутная вещь, однако!
Есть такая нехорошая в ней фишка, как использование папки «web» для приложения :(. На «денвере» запарился с виртуальными хостами, но всё поднял кое как…

Другая проблема появилась, когда я захотел выложить проект – на хостинге ведь «public_html» папка у апача! Хорошо, если это ваш личный сервер и можно подправить конфиг апача или через админпанель что-то поколдовать (кстати так и не нашёл как это сделать в direcadmin). А что если нет доступа?

Решение было найдено на блоге Digital Base и заключается в добавлении кода в конец конфигурационного файла вашего приложения (config.php):

      $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» !

php, разработка

«Я валяюсь!» в Контакте!

27.03.2008

Категория: Разное

Теперь мы обитаем в своей группе – Команда КВН «Я валяюсь!» Милости просим!

квн, моё

Facebox IE6 png transparency fix!

26.03.2008

Категория: Веб-разработка

С пылу с жару! Как я рад, что пофиксил немного «Facebox» (особенно учитывая мои слабые познания js)!!!
Суть проблемы проста – .png рамки непрозрачны в ИЕ :(
Для этого перепробовал кучу решений и остановился на Ifixpng, плагине для jQuery, который фиксит прозрачность. Качаем, подключаем скрипт и инициализируем его на страничке:

jQuery().ready(function(){
        $('a[rel*=facebox]').facebox();
        $('#facebox td').ifixpng();   < ------
});

Ура, уголки стали прозрачными! Но у нас появилась новая проблема – ifixpng не поддерживает CSS свойство «background-repeat», из-за чего некорректно ображаются рамки. Так что напильничком подрихтовываем стили facebox’а (facebox.css):

#facebox .b {
  background: #555;
  opacity: .70;
  filter: alpha(opacity=70); /* for IE6 support */
}

Теперь нам совсем не нужен файл "b.png" и с моего полупинка фейсбокс работает как и задумывал автор (которому, кстати, огромный респект)! Удачи!

css, ie, javascript

Facebox

26.03.2008

Категория: Веб-разработка

Появился интересный плагин для jQuery – Facebox. Он является аналогом лайтбокса, тоже позволяет выводить картинки… но кроме них ещё и div’ы и даже отдельные странички!!! Берём на вооружение :)

ЗЫЖ прямо старые добрые модальные окна…

ЗЫЖЖ люди, чтобы в jQuery не было глюков, юзайте «DOCTYPE XHTML 1.0 Strict», а то попалась в руки готовая вёрстка с «Transitional» и пришлось полдня разбирался почему в ИЕ глючит анимация :((((

ajax, jquery, плагины

Смотрим ролики на Youtube в улучшенном качестве!

14.03.2008

Категория: Веб

Известно, что на Youtube ролики по-умолчанию проигрываются не в лучшем качестве! На лайфхак-сайтах упоминался трюк с добавлением в адресную строку дополнительного параметра для включения режима видео высокого разрешения. Даже выпустили плагин для Firefox!

Но теперь в этом нет необходимости, т.к. на сайте появилась ссылка под роликом (естественно, если он поддерживает этот режим) «Watch this video in higher quality«:

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

Via CyberNetNews.com. Приятного просмотра!

lifehack, видео

Fuck off, .DOCX!

12.03.2008

Категория: программы

На заметку!
Уже много раз слышал о новом формате документов M$ Office 2007, но как-то не доводилось сталкиваться…
И вот что я вам скажу: «Нафиг мне не нужен последний офис!» Так что у кого не открываются документы – ставим Compatibility Pack.

ЗЫЖ Попытки конвертировать в удобоваримый вид сторонними утилитами (аля DocxToRTf) не увенчались успехами, как и попытки вернуть счастливое детство веб-сервисами :(

программы