Настраиваем Thickbox

27.06.2008

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

Thickbox – простой в использовании, универсальный, с широкими возможностями плагин для jQuery из семейства “lightbox”. С его помощью можно сделать почти всё :) Кроме callback’а по закрытии окна. Пусть с минимальными возможностями… нету и всё! А иногда так необходимо обновить родительское окно по закрытии popup.

В четвёртый раз перерывая официальный форум нашёл-таки полезный совет. Даже целую статью о модификациях thickbox’а, в которой описаны открытие вторичных окон, вызов окна без добавления к ссылке класса, вызов по закрытию попапа любой родительскогй функции…. Вкуснотища!!!

, ,

Как Internet Explorer поддерживает CSS?

11.06.2008

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

“Никак”, – быстрый ответ. А для особо любопытных – CSS Compatibility and Internet Explorer, объёмный документ из MSDN с громадным количеством сводных таблиц о поддерке IE5.0-IE8.0 тех или иных CSS селекторов, псевдоклассов…

, ,

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 (хотя некоторые сомневались).

,

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

15.04.2008

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

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

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

Решение было найдено на блоге Digital Base и заключается в добавлении кода в конец конфигурационного файла вашего приложения (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” !

,

Facebox IE6 png transparency fix!

26.03.2008

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

С пылу с жару! Как я рад, что пофиксил немного “Facebox” (особенно учитывая мои слабые познания js)!!!
Суть проблемы проста – .png рамки непрозрачны в ИЕ :(
Для этого перепробовал кучу решений и остановился на Ifixpng, плагине для 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" и с моего полупинка фейсбокс работает как и задумывал автор (которому, кстати, огромный респект)! Удачи!

, ,

Facebox

26.03.2008

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

facebox.png

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

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

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

, ,

jQuery – статьи, уроки, книги…

4.03.2008

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

Привет всем! Извините, что давно не пишу – сейчас мало времени :(
Но думаю компенсировать в скором чем-нибудь новеньким. А пока…

Если вам вдруг интересен jQuery, и чисто случайно есть желание почитать о нём, но совсем нет времени искать ресурсы, то вам к Потапову Геннадию! Он собрал просто громадную коллекцию ссылок (Влад, было приятно увидеть там ссылку и на твой блог!) :

jQuery – The best JavaScript framework

Так что страничку в закладки, а “TermiT’s Blog” в подписку! :)
Удачи!

, ,
Стр. 3 из 512345