TMBU is an ancient Aztec word, which means ‘This Might Be Useful’

По умолчанию код для вставки видео, который предлагает YouTube, дает видео в низком (точнее, обычном) качестве.
Для того, чтобы вставить видео высокого качества нужно добавить в адрес записи "&ap=%2526fmt%3D18" (без кавычек). Обратите внимание, что в коде вставки адрес встречается дважды.

Например:

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

Вообще, помимо варианта по умолчанию, доступны следующие виды качества видео (т.е. значения параметра fmt):

• 6 - HQ flv (480 x 360, 30fps, 900KBps video Flash Sorenson, 44.1KHz 96 kbps Mono CBR audio MP3)
• 18 - mp4 (480 x 360, 24fps, 512KBps video h.264, 44.1KHz 128 kbps Stereo audio AAC)
• 22 - HD (1280 x 720, 30fps, 2000kbps video AVC, 232kbps audio AAC, 44.1khz stereo)

Эти параметры можно использовать и в ссылках на видео. Например: http://www.youtube.com/watch?v=S1ZZreXEqSY&fmt=18

Благодаря коллеге-верстальщику набрел на очень полезный bookmarklet Design, позволяющий рисовать поверх страницы сетку для проверки правильности размещения элементов, измерять расстояния между элементами (а также просто выводить линейку по краям страницы) и т.п. Работает это дело в MSIE7, Firefox 2+, Safari 2.0.4+ и Opera 9.2+.

Некоторое время назад было замечено, что при открытии pop-up окошка с помощью JavaScript в Firefox помимо самого окошка выскакивает Error Console. Причем вне зависимости от того, есть ошибки или нет. Это не могло не раздражать.
Оказалось, что проблема возникает в случае, если ссылка на открытие окошка выглядит так: <a href="javascript: OpenSomeWindow();">. Соответственно, решение выглядит так: <a href="javascript:void(0)" onclick="OpenSomeWindow();">.

Часто, когда мы сдаем проект клиенту, мы теряем контроль над HTML-кодом. Иногда клиент использует CMS (Системы Управления Контентом), которые дают ему полный контроль над теми или иными частями HTML-кода. Иногда клиент просто использует наши темплейты для вывода своего кода в документ.

В большинстве случаев довольно тяжело проинформировать клиента о том, как использовать темплейты или CMS, которые вы ему предоставляете, а иногда просто неприемлемо толкать пламенные речи о семантической верстке и веб-стандартах. Клиент может/будет использовать "старую, добрую разметку", ту, которую он знает, просто потому что она работает и выглядит так как он привык. Скорее всего в ней будут присутствовать нежелательные (deprecated) тэги и атрибуты, такие как bgcolor, align и "вечный" font. Эта статья о том, как блокировать нежелательные HTML-тэги с помощью CSS, тем самым аккуратно направляя клиента в правильном направлении.
(more...)

При создании web-страниц с завидной регулярностью возникает необходимость динамически позиционировать блоки. Для этого бывает нужно узнать ширину и высоту видимой части страницы и уточнить, насколько страница прокручена вниз и вбок. Причем делать это надо так, чтобы работало везде. Приведенный ниже код располагает блок по центру страницы. Таким образом, совершается максимум действий. Так что код этот можно с успехом использовать как целиком, так и по частям.
(more...)