Инструментарий веб-разработчика под мобильные устройства

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

Хаброненависть

Ранним утром перестал быть доступным ресурс Хабрахабр. Вчера днем он также был недоступен в течении некоторого времени, после чего администрация заявила, что их активно DDOS`ят и их 100 Мб канал не справляется с нагрузками. Подоплека этой истории под катом.

Асинхронная загрузка скриптов в WebKit

Ночная версия WebKit отныне поддерживает свойства async и defer тэга script, появившиеся в HTML5. Таким образом скорость загрузки страницы возрастает, так как одновременно происходит и загрузка скриптов и рендеринг страницы.

Разбираемся с Notifications API

Продолжаю серию переводов статей сайта html5rocks. Мы уже говорили про то, как внедрять шрифты, как работать с видео, сегодня мы поговорим про то как делать всплывающие сообщения в браузере с помощьюNotifications API. Работает оно к сожалению пока только в Хроме, но есть уже начальная версияспецификации. Под катом подробности.

HTML5 Video — от А до Я

Да, да, это очередная статья про html5 и тэг < video >. Но главным ее отличием будет то, что здесь будут рассмотрены самые базовые понятия и теории. Так что приготовились внимательно читать и записывать, let html5 rocks!

Прикручиваем клевые шрифты с помощью @font-face

Недавно столкнулся с задачей прикручивания достаточно необычного шрифта для мобильного веб клиента. Так как работа была под айфон, то я решил, что в этой задаче мне поможет css 3 и такая штука как @font-face. Пользу от такого способа решения задачи, я думаю, видят все, потому что:

• сохраняется поиск по тексту, потому что это текст, а не картинка;
• появляется возможность использовать онлайн-переводчики и разные фишки связанные с текстом;
• никто не отменяет для нас использование line-height, letter-spacing, text-shadow,text-align, и селекторов вида ::first-letter и ::first-line

eTalks Summer 2010 для меня

В выходные 4-5 сентября в Экспо-Волге прошла конференция веб-разработчиков eTalks 2010. Отчет, конечно, немного запоздавший, но он будет больше похож на послевкусие.
Начнем.