IнTересные ссылки №5 (2010-04-11)

Здравствуйте уважаемые посетители IнTересностей. Сегодня очередной (уже 5-й) выпуск IнTересных ссылок. Продолжу традицию нескольких подразделов, как то: ссылки, видео, юмор и обсуждения – мне самому понравилось такое разделение ссылок, чтобы всё было не кучей, а каким-то более структурированным набором данных.

Итак приступим.

[IнTересные ссылки]

[IнTересное видео]

  • Видео найдено у Романа Гуро – скетчинг кривыми в 3D – для меня, с моими кривыми руками, это что-то нереальное 🙂

[IнTересный юмор]

[IнTересные обсуждения]

На сегодня всё. Конечно с момента предыдущего выпуска IнTересных ссылок было на порядок больше – можно вообще делать чуть ли не ежедневные выпуски – ну вот такой я – мне всё интересно :). Однако постараюсь не перегружать вас информацией и не превращать этот блог в собрание ссылок.

Спасибо за внимание и до следующих выпусков.


CSS Naked Day 2010

Просьба тем немногим посетителям моего блога не пугаться – с сайтом ничего особенного не случилось. Просто сегодня и завтра (48 часов) мой блог 3-й год участвует в акции CSS Naked Day 2010 – один день без css. Почему акция длиться 48 часов, а не одни сутки, можно прочитать на сайте акции, там, кстати, есть и русская версия.

Акция CSS Naked Day направлена на то, чтобы показать с одной стороны насколько сайты могут некрасиво выглядеть без css, а с другой стороны показать насколько грамотно веб-разработчик написал html структуру страницы – страница должна нормально и логично отображаться и без css.

Присоединяйтесь к нам!
P.S. Кстати сам автор этой идеи что-то не спешит её распространять на 2010 год – последние изменения страницы акции касаются только 2009 года. Ну да мы и сами с усами.


Определение iPad с помощью JavaScript или PHP

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

Дэвид Уолш (David Walsh) в своей заметке даёт несколько советов как определить что сайт отображается в браузере Safari на iPad.

Вот такую строку User-Agent возвращает браузер iPad-а

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) 
Version/4.0.4 Mobile/7B334b Safari/531.21.10

Несколько советов как определить в каком браузере отображается сайт

JavaScript

var isiPad = navigator.userAgent.match(/iPad/i) != null;

PHP

$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');

Ну и на закуску совет как перенаправить пользователя на специальную версию сайта, созданную под iPad. Довольно полезно если ваш “нормальный” сайт использует Flash – как известно эта технология в iPad не поддерживается.

.htaccess

RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
RewriteRule ^(.*)$ http://ipad.yourdomain.com [R=301]

Я то думал что с повсеместным внедрением мониторов с диагональю от 22″ и разрешением от 1600 пикселей по ширине сайты постепенно будут уходить от “width: 960px”. Однако всеми любимое число ещё долго будет в умах верстальщиков и дизайнеров сайтов. Как сказано в одном фильме – “Всё только начинается!”.


Firefox 3.6.3

Компания Mozilla выпустила обновление браузера Firefox 3.6.3, которое закрывает уязвимость, найденную на этой неделе в ходе соревнования Pwn2Own. Эта акция проводилась среди хакеров и имела своей целью найти уязвимости в безопасности в последних версиях наиболее популярных браузеров.

В ходе проведения акции были найдены уязвимости для Internet Explorer, Safari и Firefox.

Найденной для Firefox уязвимости подвержена только ветка 3.6, но Mozilla планирует выпустить заплатку и для Firefox 3.5 в плановом обновлении.

Уже можно и скачать новую версию Firefox 3.6.3

Пользователи браузера могут обновиться через внутреннюю систему ([Справка][Проверить наличие обновлений…]; для английской версии [Help][Check for Updates…]) или подождать максимум 48 часов и браузер самостоятельно предложит обновить версию до 3.6.3.


Родные CSS браузеров

Нашёл очень IнTересный сайт, но котором сравниваются встроенные в различные браузеры каскадные стили. В основном упор делается на различные версии Internet Explorer-а (IE6, IE7, IE8 и IE9) – сайт собственно и называется www.iecss.com, однако там есть ссылки и на родные стили последних версий некоторых других браузеров (Firefox 3.6.2, браузеров на движке Webkit (r56629) и Opera 10.51).

Для всех версий Internet Explorer-а сделана сравнительная таблица, для остальных браузеров только ссылки на css-файлы.

Просмотрев такие сравнительные таблицы можно по новому приступать к созданию reset.css.


Поддержка браузерами HTML5 и CSS3

Обнаружил на просторах сети очень интересные таблицы, в которых отражена поддержка браузерами HTML5 и CSS3.

Данные разделены на 5 таблиц:

  • CSS3 свойства (border-radius, box-shadow и др.)
  • CSS3 селекторы (:nth-last-child, :empty и др.)
  • HTML5 веб-приложения (локальные хранилища, геолокация и т.д.)
  • HTML5 внедрённый контент (canvas, audio, video и т.д.)
  • HTML5 формы ввода, атрибуты и аудио/видео кодеки

Вот так это выглядит:


Firefox 3.6.2

Вышло очередное обновление браузера Firefox – Firefox 3.6.2, закрывающее дыру в безопасности. Именно из-за этих ошибок правительство Германии не рекомендовало своим гражданам пользоваться данным браузером. Обновление ожидалось 30 марта, но компания Mozilla оперативно исправила ошибку и выпустила релиз 22 марта.

Основные исправления в Firefox 3.6.2:

  • Исправлена критическая ошибка, связанная с переполнением буфера при обработке WOFF (формат шрифта) и позволяющая выполнять удалённый (remote, а не delete) код на компьютере пользователя (см. ошибку 552216).
  • Исправлены некоторые ошибки в безопасности
  • Улучшена стабильность работы

Можно посмотреть полный список изменений и скачать новую версию Firefox 3.6.2

Пользователи браузера могут обновиться через внутреннюю систему ([Справка][Проверить наличие обновлений…]) или подождать максимум 48 часов и браузер самостоятельно предложит обновить версию до 3.6.2.


IнTересные ссылки №4 (2010-02-19)

Очередной выпуск IнTересных ссылок – IнTересные ссылки №4
Начиная с этого выпуска введу пожалуй ещё одну традицию – разделение ссылок на темы.

Итак приступим.

[IнTересные ссылки]

  • Книга «Реактивные веб-сайты».
    Реактивные веб-сайты. Клиентская оптимизация в алгоритмах и примерах. Появление книги в магазинах планируется на март 2010 – т.е. осталось совсем немного.
  • Почему большое количество браузеров – плохо. Согласен почти с каждым словом. Нет я понимаю – конкуренция сама по себе очень нужное явление, но зачем же доводить до маразма.
  • Интервью с Павлом Колодяжным, директором дизайнерского бюро Make и автором курса “Модульные сетки”
  • А вот про модульные сетки в онлайн-режиме в виде статей. Не знаю насколько похожи или различны эти два курса – на “Модульные сетки” Павла я так и не попал и учитывая что Павел больше не планировал проводить такой тренинг это очень плохо. (Павел одумайтесь!!! 🙂 )
  • Очень здорово написано об отношении к требованиям при приёме на работу – Опыт работы не менее…
    Подписываюсь под каждым словом… особенно сейчас в “кризис” работодатели вообще охамели.
  • Советы для начинающих подкастеров от Umputun-а

[IнTересное видео]

  • Роман Гуро, видео процесса покраски концепта Седого – очень интересно посмотреть как работает профессионал. В комментариях указано что это примерно 6 часов работы (“цифра с потолка” как сказал сам Роман).

[IнTересный юмор]
Немного юмора

[IнTересные обсуждения]
Попробую добавить ещё один (постоянный?) раздел в IнTересные ссылки – [IнTересные обсуждения обсуждения]
Здесь я буду публиковать ссылки на статьи, в обсуждении которых я либо сам принимал участие,
либо обсуждение заинтересовало меня сильнее чем сама статья.

  • Бурундук-Фрилансер написала (потому что на самом деле это бурундучиха :))
    о выборе Украины – о новом президенте. (“Мать…мать…мать!!!” – по привычке отозвалось эхо.) То что я на самом деле думаю по этому поводу состоит из исключительно нецензурной лексики.

Подписывайтесь на RSS-ленту блога и читайте меня в twitter-e – stewardtz.


WordPress 2.9.2

Вышла очередная версия блогодвижка WordPress – WordPress 2.9.2. Данное обновление рекомендуется всем, у кого блог ведут несколько авторов.

Проблему в общей видимостью черновиков обнаружил Thomas Mackenzie. Поэтому если у вас есть пользователи, с правами больше чем простой читатель – рекомендуется обновляться.

Скачать последнюю версию WordPress можно здесь. Ну или обновиться из админки блога – [Инструменты] – [Обновление] ([Tools] – [Upgrade])


tweetimag.es – Twitter avatar API

Совсем недавно нашёл ещё один сервис для упрощения использования аватаров пользователей Twitter-а на любом сайте – Twitter Images. Первый сервис, который я использовал, если помните, создал Рэми Шарп (Remy Sharp) – Twivatar.org

Для тех кто не в курсе зачем всё это нужно – твиттер хранит все аватары пользователей не по постоянным адресам. Например мой текущий аватар имеет url-ы

  • https://s3.amazonaws.com/twitter_production/profile_images/83297159/stew_mini.jpg
  • https://s3.amazonaws.com/twitter_production/profile_images/83297159/stew_normal.jpg
  • https://s3.amazonaws.com/twitter_production/profile_images/83297159/stew_bigger.jpg

При такой организации хранения аватаров есть куча недостатков:

  • если пользователь изменит свой аватар – поменяются пути к текущим версиям аватара
  • имя файла аватара не всегда идентично имени аккаунта (ну если не учитывать постфикс размера)

Так вот – подобные сервисы избавляют разработчиков и пользователей от проблем замены путей к файлам аватаров на сторонних ресурсах.

Использовать этот сервис тоже очень просто, нужно в коде своей страницы просто вставлять следующую ссылку

<img src="http://img.tweetimag.es/i/[username]_[size]" alt="" />

где
[username] – ваш ник в твиттере
[size] :

  • m (24×24)
  • n (48×48)
  • b (73×73)
  • o (исходный размер)

Пример использования:
обычный (normal) размер

<img src="http://img.tweetimag.es/i/stewardtz_n" alt="" />

и большая

<img src="http://img.tweetimag.es/i/stewardtz_b" alt="" />

Для желающих – добро пожаловать в мой Twitter – stewardtz, там уже больше 300 твиттов на разные темы. Да – в ответ зафоловлю только если сочту вас интересным – так что не обижайтесь.