Как вы, может быть, заметили (или же поднимите глаза вверх и увидите прямо сейчас), на сайте появился новый раздел «Фильмы». По большей части он выполняет информационную функцию: список просмотренных мною фильмов и моя оценка по десятибалльной шкале, как на IMDb.

О системе рейтингов

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

Пара слов о реализации. Я уже как-то упоминал, что практически вся информация в блоге предcтавлена в виде markdown, и этот раздел не исключение. В админке я задаю простой ненумерованный список, который уже после загрузки страницы с помощью JavaScript преобразуется в то, что хочется увидеть. Получается так называемый graceful degradation, и страница выглядит вполне адекватно в своем первоначальном виде. Таким образом, те, у кого JavaScript напрочь отсутствует, не увидят абракадабру. Сама идея верстки этого раздела была позаимствована у Сергея Чикуёнка. Этот способ позволяет мне рисовать переменное количество блоков в строке в зависимости от ширины экрана — вроде как таблица, только лучше. Главная идея этого способа в том, чтобы элементам проставить display: inline-block, и затем расположить их относительно строки вверху (vertical-align: top) и внизу (vertical-align: bottom).

UPD: Пост устарел.

Вышел новый Twitter Bootstrap. И мой блог успешно на него мигрировал, попутно прихватив с собой обновленный jQuery 1.8.0. Соответственно обновилось всё, что было из Bootstrap позимствованно. Верхняя панель стала еще прекраснее!

К тому же в блоках кода теперь подсвечиваются строчки при наведении на них мышкой. Я думаю, это должно облегчить их чтение. Ну и как обычно, если что-то не работает — не стесняемся оставить комментарий. Не стесняемся его оставить, даже если всё работает.

В данный момент Brainbench предлагает бесплатный тест по CSS3. И все неравнодушные к Web-программированию могут его пройти, он не очень сложный. Когда проходил тест, у меня почему-то не грузились их картинки, поэтому многие вопросы я угадывал интуитивно, не видя полного условия.

Скриншот с неправильным тестом

Может, это с моим браузером что-то случилось, но в любом случае было неприятно, и я уже написал им в поддержку гневное письмо. Правда, всё это не помешало мне набрать 4.23 и получить CSS3 Master. Думаю, что закажу себе еще один сертификат (за казенные деньги, ага) в дополнение к PHP 5.3, JavaScript 1.5 и CSS2. Будут висеть на стене и радовать глаз.