Javascript | Optimizator Field - блог веб разработчика

Cufon или Typeface.js – что лучше?

23.04.2009

cufon-typeface

Cufon и Typeface.js – это две javascript библиотеки для использования на сайте любых(!) шрифтов (аналоги sIFR), использующих для отображения canvas и VML. В чем же между ними отличия? И какая из них лучше?

Принципы работы

Cufon и Typeface.js конвертируют нестандартный шрифт в свой внутренний формат и потом отображают его с помощью canvas в современных браузерах и VML в Internet Explorer’е. Плюсы такого подхода в том, что нет нужды в плагине для отображения флеш! По сравнению с sIFR, мы получаем большую скорость и гарантию работоспособности на всех компьютерах.
Подробнее »

css, javascript, дизайн

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

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

4.03.2008

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

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

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

jQuery – The best JavaScript framework

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

javascript, jquery, ссылки

Флеш против IE. Побеждает SWFObject!

24.01.2008

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

После того, как Microsoft объявила (опять же), что они изменили способ обработки плагинов в Internet Explorer у веб-разработчиков добавилось проблем. Заключается она в том, что при вставке applet, object, или embed в HTML документ плагин не допустит взаимодействия с пользователем до тех пор, пока пользователь не нажмёт на него :(.

В случае с флеш плагином, это означает, что ваш ролик не будет проигрываться до тех пор, пока пользователь его не активизирует, кликнув на нём. К счастью, Micosoft предлагает довольно простой способ обойти это проблему – вставлять флеш, используя Javascript.

Итак…

SWFObject это небольшой Javascript файл, используемый для максимально лёгкой и валидной вставки флеш. Он помогает обойти дурацкую «защиту» в IE, работает во всех основных браузерах, дружит с поисковиками, вобщем мастхэв! Взгляните на демо-страничку скрипта.

В использовании предельно прост – подключаем файл swfobject.js и добавляем в код странички примерно такое:
Подробнее »

ie, javascript, xhtml, флеш

Вставляем простой flash mp3 плеер на сайт

28.12.2007

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

Для пользователей WordPress есть замечательный плагин Audio Player (там же рассказано о его разукрашивании). А что же делать если понадобилось вставить плеер на обычном сайте?
Подробнее »

javascript, wordpress, музыка, флеш

PNG-прозрачность в IE 5.5-6-7

27.12.2007

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

Ковырялся недавно с PNG в менюшке и пришлось перепробовать несколько решений. Приведу те, которые понравились.

Хорошее решение, с пошаговой инструкцией. Кроме этого рассказано о проблеме с темноватым изображением и не работающими ссылками при использовании PNG в качестве фона в IE. Из «минусов» – нужно использовать дополнительный класс у картинки.
На известном 24ways.org похожее решение, но без дополнительных классов CSS. Использую его.
Вариант для любителей jQuery тоже не мог обойти стороной.
И на закуску полезная статья по работе с PNG в Fireworks от SitePoint.

css, ie, javascript, дизайн

Открытие ссылок в новом или всплывающём окне

17.03.2006

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

Поехали, сразу с середины статьи Alex’a Walker’a – New Windows and Usability: the Theory of ‘REL-ativity’. Вольный первод :)

До сих пор у всех нас есть шеф или клиенты, которые хотят от нас использования всплывающих окон, ну и конечно же, открытия внешних ссылок в новых окнах. Но использование аттрибута ‘target=»_blank»‘ в XHTML strict не является валидным :(

Использование 'href="javascript:...."' или 'href="#" onclick="..."' для всплывающих окон нам не подходит изначально – т.к. протокола javascript: нет, а # вообще никуда не ведёт – в любом случае при отключенном js пользователь окажется в неприятном положении :(

Итак, усовершенствуем ссылки…
Подробнее »

javascript, xhtml, разработка