Быстро и просто внедряем PNG в дизайн сайта

В последнее время появилось не мало способов корректно использовать формат PNG в дизайне сайтов. Не вдаваясь в детали скажу что формат PNG был разработан в свое время на смену формату GIF, в то время еще защищенному авторскими правами (сейчас уже свободному).

PNG корректно поддерживается всеми современными браузерами, кроме до сих пор доминирующего (здесь я всплакнул) Internet Explorer 6. То есть IE6, конечно поддерживает (читай воспроизводит) PNG, но не поддерживает полупрозрачность. А это, на равне с поддержкой 16-ти миллионов цветов, основное преимущество PNG над GIF. Читать дальше >>

swfIR - Магические картинки

swfIRВ последнее время утилиты “расширяющие возможности” HTML с помощью флэша и Javascript становятся весьма популярны. Например sIFR, о котором в Рунете уже не мало сказано и написано. sIFR “расширяет” возможности работы с текстом и делает это вполне успешно, а вот swfIR наоборот, работает с изображениями.

С помощью swfIR можно легко и быстро масштабировать изображения, вращать их , растягивать по координатам, добавлять настраиваемые тени и рамки. Про кроссбраузерность и валидность кода я даже не упоминаю - для такого рода проектов это уже стало стандартом де-факто.

Настройка и подключение swfIR субьективно проще чем у sIFR, все что нам нужно это: Читать дальше >>

Антилич на картинки через .htaccess

htaccess

Очень часто недобросовестные ведущие некоторых развлекательных сайтов да и некоторые блоггеры, в целях экономии траффика, вместо того чтобы сослаться на понравившиеся картинки или хотя бы пересохранить их у себя на сервере, просто тянут их к себе прямо с вашего сайта, или как говорится “личат”.
Обычно об этом узнают по резко возросшему траффику или по количеству обращений к файлу, которое не соответствует количеству посетителей. А так как траффик отдавать просто так обидно, да и злостных личеров стоит наказать, то проблему надо решать. Есть много способов.

- Можно просто “тупо” переименовать картинки или сменить к ним путь.
- Можно установить софт-антилич от стороннего разработчика, что не всегда просто, не всегда бесплатно и не всегда дает нужные результаты.
- Можно прописать правило в файле .htaccess. Причем это можно сделать как для конкретного сайта, так и для всех, оставив к примеру только несколько разрешенных, таких как Google Images. Сегодня мы рассмотрим как это сделать через .htaccess.

Читать дальше >>

Флэш детектор или Не бросим юзера в трудную минуту

Adobe flash detectionСтолкнулся я недавно по работе с такой темой - есть некая менюшка, сделаная на флэше, и вставленая в html-документ. Все просто, но есть один момент. Заказчик ну никак не желает терять ее функционал, вне зависимости от того, есть ли на машине клиента флэш/javascript или нет. И он в принципе прав, не смотря на то что делать меню на флэше - изначально не верный подход.

Итак, что же нам нужно? Нужно создать еще одно меню, естественно XHTML/CSS, с картинками, которое будет загружаться в браузер клиента при отсутствии на его машине flash/javascript. Да хотя бы даже заменить флэшевый баннер на обычный, чтобы не терять рекламу. Я подготовил два простых решения, которые помогли мне и надеюсь, помогут вам. Читать дальше >>

Скрипт для вставки видео в страницу

Работает как в Интернет Эксплорере так и в Файрфокс.

<object id="WMPlay" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
standby="Loading Microsoft Windows Media Player components..."
type="application/x-oleobject" height="280" width="400">
<param name="URL" value="http://www.blabla.com/file.wmv"/>
<param name="AllowChangeDisplaySize" value="False"/>
<param name="ShowControls" value="1"/>
<param name="ShowDisplay" value="1"/>
<param name="ShowStatusBar" value="1"/>
<param name="AutoStart" value="TRUE"/>
<param name="InvokeURLS" value="False"/>
<embed name="WMplay" type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"
srс="http://www.blabla.com/file.wmv"  autostart="True" height="280" width="400"/>

В скрипте надо естественно поменять путь к файлу, на тот который нужен вам и размеры окна. Ну и можно изменить некоторые параметры:

URL - путь к файлу
AllowChangeDisplaySize - разрешение изменить размер ролика
ShowControls - показать панель управления (Стоп, Пауза и тд.)
ShowStatusBar - показать строку состояния
Autostart - автоматическое начало проигывания файла.