Front-end Development

Стефан Кэрон обновил свой аналог lightbox на jQuery – prettyPhoto до версии 2.5.3. Скрипт прекрасно работает в

• Firefox 2.0+
• Safari 3.1.1+
• Opera 9+
• Internet Explorer 6.0+

Поддерживает открытие не только изображений, но и видео, flash, YouTube и iFrames. Все реализуется, вызывом библиотеки jquery.prettyPhoto.js и файла стилей к ней. К ссылке фотографию или видео добавляется атрибут отношения rel="prettyPhoto". Или rel="prettyPhoto[iframes]", соответственно.

Подробнее о том, как установить скрипт, демонстрации работы и другие прелести можно посмотреть на странице prettyPhoto. Поддержка там же, на форуме.

1. Используйте $(document).ready() или выполняйте ваши скрипты после закрытия body.

Друзья, пока у меня не удается писать или переводить статьи регулярно, я буду публиковать ссылки на интересные материалы. Сейчас, например, хочу сослаться на замечательную разработку TypeSelect. Разработчики, используя typeface.js, jQuery, Canvas, toDataURL, свойства background‘a и реальное наложение текста сделали возможным использование своих шрифтов и, при этом, выделение текста.

Сайт проекта.
Демонстрация – пробуйте.

Как я уже писал ранее, нам пока приходится поддерживать IE6, из-за его, столь продолжительной, популярности. Делать это не просто и часто надо сдерживать себя, чтобы не воспользоваться хаками, сталкиваясь с очередной ошибкой браузера. В этой статье мы рассмотрим 10 решений, наиболее часто встречающихся проблем IE6 с интерпретацией HTML и CSS кода.

Новички, изучающие семантическую верстку часто задают такой вопрос, поэтому я решил дать ответ в виде публикации и в дальнейшем давать ссылку на эту статью.

С точки зрения семантики все стилевые картинки должны быть заданы в CSS. А в тег img нужно вставлять только контентные картинки, без которых смысл текста на странице становится не понятен. Но что делать если картинка в CSS должна быть ссылкой? Сегодня мы об этом поговорим.

Команда email-стандартистов обновили руководство о поддержке каскадных таблиц стилей email-клиентами.

Посмотреть на campaignmonitor.com

На данный момент полностью поддерживают Email стандарты 10 почтовых клиентов:

1. AOL Webmail
2. Apple Mail
3. Apple MobileMe
4. Eudora (Penelope)
5. Microsoft Entourage
6. Mozilla Thunderbird
7. Windows Live Mail
8. Windows Mail
9. Yahoo! Mail
10. Yahoo! Mail (Classic)

О том, что именно не правильно интерпретирует Gmail и другие, вы можете на странице популярных почтовых клиентов сайта Email Standards Project.

Обычно, работу JavaScript кода можно ускорить. Способов оптимизации много, но сегодня я скажу пару слов о вставке данных в объект DOM.

Во время работы с чужими скриптами часто приходится сталкиваться с кодом, в котором функции .append() .prepend() .after() и .wrap() данных выполняются в цикле. Это серьезно нагружает интерпретатор.

В далеком августе 2001-го многие радовались выходу на свет знаменитого браузера Internet Explorer 6. Радовались улучшенной поддержкой CSS1, DOM первого уровня, DHTML-у. Но шли годы, все меньшее кол-во пользователей использовали IE6…

5 лет спустя мнение о IE6 однозначно: как заноза в одном месте. Поговорите с любым веб-разработчиком и он скажет вам это. У IE6 куча багов, тут просто не хватит места, чтобы все их описать. Для примера, вот только некоторые из них.

Oomph – это группа инструментов, предназначенных для работы с микроформатированным контентом. Все прелести Oomph вы можете посмотреть на демонстрационной странице. Oomph поддерживает hCard, hCalendar, hMedia Audio, hMedia Video, hMedia Image.

Если у вас еще нет Firebug, вам давно пора им обзавестись. Не говоря о многих полезных его функциях, например, отслеживание HTTP-трафика и поиска ошибок CSS проекта, с помощью консоли в Firebug можно отлаживать ваш JavaScript.