Facebox

facebox.png

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

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

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

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

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

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

jQuery – The best JavaScript framework

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

SVN. Версии под контролем

tortoisesvn_logo_hor468x64.png

Пришлось по работе разбираться с SVN. А так как я ничего не знаю о Subversion и использовании TortoiseSVN, то отправился гуглить. Наткнулся на полезную статью «Версии под контролем«, которую написал Лобач Олег.

Разработка программного обеспечения без применения различных инструментов потребовала бы колоссальных затрат сил и времени. Одним из таких инструментов являются системы контроля версий, примером которых может служить Subversion – тема данной статьи.

Автору респект и уважуха, а статью в закладки, однозначно! Собственно как и остальные заметки по теме от автора блога: «Как и Зачем делать ветки?«, «Как слить изменения между ветками. Часть 1«, «Как слить изменения между ветками. Часть 2«.

Возможно полезной для кого-то (я юзаю SciTe) будет статья «Совместное использование Notepad ++ и TortoiseSVN«.

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

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

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

Итак…

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

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

Перенос слов в теге PRE

html-pre-tag.png

Вы наверное не раз замечали, что при использовании тега PRE или CODE для отображения какого-то куска кода получается весьма некрасивая картина. А именно: строки отображаюся без переносов, растягивая и портя дизайн сайта. До того как я написал прошлую заметку я особо не заморачивался данной проблемой. Сегодня же пришлось погуглить и найти красивое CSS решение проблемы:

1
2
3
4
5
6
7
pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

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

flash-mp3-player.gif

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

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

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