Что мне дал 2011 год

Совершенно точно этот год был очень насыщенным. Работал в этом году с такими трендами как HTML5, CSS3, JavaScript. И в отличии от прошлого года уже не в теории, а на практике. Во многом на это повлияло быстрое развитие браузеров, даже Internet Explorer, что для него это вообще дико.

Читать полностью →

Обучающий курс: “HTML5 и будущее веба”.

Ведет Brad Neuberg, Google.

Используйте localStorage API вместо Cookie!

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

В разделе спецификаций HTML5 Web Storage представлен объект localStorage, который позволяет хранить данные в виде ключ/значение на устройстве пользователя.

В данный момент localStorage реализован в браузерах: IE >= 8, FF >= 3.5, Safari >= 4, Chrome >= 3.0, Opera >= 10.5.

Но если вам нужна поддержка в более старых браузерах вы можете сделать такой вот простенький workaround.

Пример работы localStorage и Cookie.

Why HTML5 Rocks →

Смотреть лучше в Webkit-based браузере.

Редактирование изображения в офлайне и последующая загрузка с помощью HTML5

Мы с вами уже научились загружать файлы с помощью File API, Drag & Drop и XMLHttpRequest. Теперь мы можем развить тему применения новых технологий и рассмотрим возможность редактирования изображения еще до закачки на сервер. Для этого нам понадобятся следующие особенности HTML5.

• Drag & Drop: для переноса локального изображения на сайт для редактирования и закачки.
• localStorage: для сохранения локального изображения, которое еще не загружено на сайт. Это необходимо чтобы избежать исчезновение изображения при перезагрузки страницы.
• Application Cache: для загрузки редактора изображений даже когда сайт находится в офлайне.
• Canvas: для редактирование изображения.

Работающий пример, можете попробовать все сами. 100% работоспособность в Firefox 3.6.

Демонстрация.

Оригинальная статья на Mozilla Hacks (на английском).

Видео канал о HTML5 и CSS3

У разработчиков и верстальщиков теперь есть свой собственный канал — <!DOCTYPE>.

На данный момент записано уже 10 эпизодов. Можно подписаться через iTunes, RSS либо следить за выпуском новых эпизодов через Twitter.

Ведущие Nick Pettit и Jim Hoskins, рассказывают очень подробно о новинках HTML5 и CSS3. Разговор идет на английском.

Эпизоды выпускают раз в неделю.

Уже несколько недель подписан на <!DOCTYPE> в своем iTunes, пока доволен.

Что интересного нас ожидает в Zend Framework 1.10

Сегодня, вышел первый alpha релиз новой версии Zend Framework под номер 1.10. В этом релизе меня заинтересовало очень много новых компонентов и несколько значительных доработок.

Вот список компонентов которые мне приглянулись и которые я буду использовать в работе после релиза:

• Zend_Cache_Manager
• Zend_Feed_Writer
• Zend_Markup
• Zend_Service_LiveDocx

Читать полностью →

Загрузка файлов с помощью File API, Drag & Drop и XMLHttpRequest

Все больше и больше новых спецификаций W3C реализуется в браузерах. Сейчас я вам хочу продемонстрировать как может выглядить закачка файлов с помощью современных технологий. В данном случае будут использоваться File API, Drag & Drop и XMLHttpRequest.

Читать полностью →

Замечательная книга о HTML5 (на английском) →

Автор книги Марк Пилгрим, он работает в Google. Книга еще в стадии написания, но уже многие моменты освещены очень хорошо. Да, и кстати, там речь идет не только о новых семантических элементах, а обо всех новшествах в спецификации HTML5.