Материалы с тегом «HTML5»
- 
Apps vs. WebВ этой статье Крейг Хокенберри поделиться с вами своим опытом в сфере мобильного Веба и в вопросах разработки программного обеспечения, чтобы направить вас и помочь в ваших будущих разработках для платформы iPhone. 
- 
CanvasТестируем браузер на поддержку canvas. 
- 
Canvas textПроверяем возможность рисования текста на холсте (canvas). 
- 
DoctypeС громоздкими и путанными в Doctype покончено! В HTML5 все стало гораздо проще. 
- 
Explorer CanvasУчим IE понимать canvas с помощью JS-библиотеки Explorer Canvas. Библиотека не идеальная, имеет ряд ограничений и не может дублировать все способности настоящего canvas. Тем не менее это вполне достойный инструмент эмуляции рисования на холсте для IE. 
- 
Geo.js нам в помощьБиблиотека которая сглаживает различия между W3C API, Gears API и API мобильных устройств. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Geolocation APIЧто такое Geolocation API и их поддержка браузерами. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Google и Arcade Fire: как соединить технологии и искусствоЧто будет, если взять команду из Google, рок-группу, режиссера и приправить все HTML5 и JavaScript? 
- 
HTML 5Рассказывается об особенностях использования HTML5 для мобильных устройств 
- 
HTML5Об эволюции HTML из «20 вещей, которые я узнал о браузерах и Веб». 
- 
HTML5 Drag-n-Drop загрузка файловРеализация HTML5 Drag-and-Drop добавления файлов в форму для загрузки на сервер. 
- 
HTML5 хранилище в действииРазбираем применение хранилища на конкретном примере. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
HTML5-шпаргалка от W3CНа днях мир увидел новую версию HTML5-шпаргалки от W3C 
- 
HTML5: проблемы с безопасностью?HTML5 открывает новые возможности не только для рядовых разработчиков но и для «недоброжелателей». Как обстоят дела с безопасностью у детища W3C от которого так много ожидают? 
- 
html5shiv — HTML5 теги для IEЭто простой плагин, который помогает «понять» IE6-8 HTML5 теги. 
- 
jQuery-Placeholder — замещающийся текстСовременные браузеры используют атрибут placeholder для замещаемого текста, а для остальных — есть плагины, например jQuery-Placeholder от Daniel Stocks. 
- 
jquery.toningImage — тонировка фотоjquery.toningImage — небольшой плагин, позволяющий произвести тонировку изображения. 
- 
MIME-типыКратко знакомимся с MIME-типом (или типом содержимого). 
- 
Modernizr — HTML5 и CSS3 уже сегодняПлагин Modernizr позволяет на лету определять поддержку web-технологий нового поколения и, в зависимости от результата, применять нужные стили или выполнять определенные действия. 
- 
Modernizr: библиотека для определения поддержки HTML5Рассматриваем использование мощного средства тестирования поддержки новых веб-технологий. 
- 
Muro: графический online редактор на HTML5DeviantArt представляет отличный браузерный инструмент для рисования без использования Flash и посторонних плагинов. 
- 
Pac-man на HTML5Вечная и незамысловатая игра представлена в новом формате: программист Дейл Харви представил свою версию игры Pac-man, код которой он полностью написал с использованием стандартов HTML5. 
- 
shadowBlurHTML5 canvas 2D API. Свойство shadowBlur: описание пример. 
- 
shadowColorHTML5 canvas 2D API. Свойство shadowColor: описание пример. 
- 
shadowOffsetXHTML5 canvas 2D API. Свойство shadowOffsetX: описание пример. 
- 
shadowOffsetYHTML5 canvas 2D API. Свойство shadowOffsetY: описание пример. 
- 
VideoПроверяем поддержку HTML5 видео 
- 
Web WorkersПроверяем поддержку возможности запуска фоновых потоков. 
- 
А что с IE?Учим IE понимать canvas с помощью JS-библиотеки Explorer Canvas. 
- 
А что с IE?IE не поддерживает геолокацию, придется использовать Gears. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Автофокус полейHTML5 отбирает у JS еще одну фишку! Теперь автофокус — это дело разметки. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Автофокус формТестируем поддержку автофокуса. 
- 
Адреса электронной почтыИспользуем новый тип поля ввода. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Аудио кодекиЗнакомимся с аудио кодеками MPEG-1 Audio Layer 3, Advanced Audio Coding и Vorbis. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Берем курс на HTML5 уже сегодняВеб-разработчики в первую очередь хотят знать две вещи : что можно делать с помощью HTML5 и когда я могу начать его использовать? 
- 
БлюрДелаем эффект размытия изображения с помощью Canvas. 
- 
Введение в HTML5 хранилищеЧто же такое HTML5 хранилище, зачем оно нужно и кто из браузеров умеет с ним работать. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Введение в расширенные фрагменты GoogleЗачем нужны микроданные? Что конкретно дает их использование? Из книги Марка Пилгрима «HTML5. Up and Running» 
- 
Веб адресаКак и для ввода e-mail, для ввода URL тоже появился свой тип поля. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Вернемся к W3CW3C и WHAT снова вместе. 
- 
Видео кодекиРассматриваются такие видео кодеки, как H.264, Theora и VP8. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Видео форматыПроверяем поддержку различных видео форматов браузером 
- 
Видео форматыКратко рассказывается о таких популярных видео форматах, как MPEG-4, Flash Video, Ogg, WebM и Audio Video Interleave. Из книги Марка Пилгрима «HTML5. Up and Running». Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Возвращаемся к расширенным фрагментам GoogleСмотрим, как влияют микроданные на внешний вид выдачи в Google. Из книги Марка Пилгрима «HTML5. Up and Running» 
- 
Вопросы лицензирования H.264Использование H.264 подлежит лицензированию. Давай разберем этот момент подробнее. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Все что ты знал о XHTML — неправдаЧем настоящий XHTML отличается от простой декларации. 
- 
ВступлениеВ первой главе книги Марка Пилгрима «HTML5. Up and Running» рассказывается о том, как появился HTML5 
- 
Выбор датыЕще одна вещь, ранее доступная только с помощью js-плагинов — календарик для выбора даты. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Выбор цветаРассматриваем поле для выбора цвета. Самая короткая статья. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Выбор! Я хочу выбирать!Варианты определения месторасположения. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
ГеолокацияТестируем поддержку возможности определять местоположение пользователя. 
- 
ГрадиентыРисуем разные градиенты на холсте. 
- 
Давай что-то сделаем!Создаем оффлайновую версию игры Уголки. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Даты и время<time> — специальный тег для обозначения даты и времени. 
- 
Длинное отступление о том, как браузеры отображают неизвестные тегиБоремся с IE, старые версии которого с неизвестными им тегами работают неправильно. Нам поможет почти волшебный трюк. 
- 
Длинное отступление о том, как создавались стандартыПутешествие в прошлое. Марк Андрессен, Тим Бернерс-Ли, Дейв Рэгетт и другие сочиняют тег <img>. 
- 
Добавлен справочник по HTML5 CanvasПоявился краткий справочник по HTML5 Canvas. 
- 
За пределами пар ключ/значение: конкурентное видениеКратко рассказывается про Web SQL Database и Indexed Database API. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
ЗаголовкиЧто нужно знать о заголовках в HTML5 и теге <hgroup>. 
- 
Замещаемый текстПриятная фишка от HTML5 — возможность задавать для поля ввода текст, который будет показываться, когда поле не в фокусе. Раньше для этого приходилось писать отдельный скрипт. 
- 
Замещающийся текстРечь о тексте-подсказке, который содержится в поле ввода и пропадает при получении фокуса. В HTML5 реализовать такой текст — пара пустяков! Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Знакомство Flash-разработчика игр с HTML5 Canvas или Зачем нам «костыли»О попытке реализации простой игры с помощью HTML5 Canvas. 
- 
И еще одно…О проверке валидности заполнения полей. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
И, наконец-то, разметкаРазобравшись с вопросами форматов и кодирования, переходим, наконец, к самому интересному — HTML разметке. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
ИзображенияРазбираем вывод изображений на холст. 
- 
Интервью: Лидеры мировой индустрии онлайн игр об HTML5, Flash и своих планах на будущееКакую стратегию выбрали для себя ведущие разработчики и каковы их прогнозу и почему «монстры» игровой индустрии все больше интересуются HTML5? 
- 
Интервью: Марчин Вичери — создатель Google Pacman Logo, HTML5 Slide Deck и других интересных вещейПоговорить и поспрашивать крутого или, пока что, просто талантливого веб-разработчика всегда интересно. «Веб-ниндзя» Марчин Вичери (Marcin Wichary) отвечает на вопросы о своих проектах, новых технологиях и дает советы научится создавать действительно стоящие вещи. 
- 
Искусство отладки или «Убей меня! Убей меня сейчас!»О кешировании и трудностях отладки. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Использование HTML5 хранилищаДетально описывается работа с HTML5 хранилищем. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Итоговый примерПример кода, для определения месторасположения. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Типы полей inputHTML5 поддерживает целый ряд новых типов полей ввода. Тестируем эту поддержку. 
- 
Файл manifestКак дать понять приложению, какие файлы нужно сохранить, чтобы можно было работать оффлайн. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Хронология развития HTML с 1997 по 2004 годКратко описывается путь развития, пройденный HTML после версии 4.0 и появление XHTML. 
- 
Числа как spinboxРассматриваем специальное HTML5 поле для ввода чисел. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Числа как ползунокНовое поле выбора числа в виде ползунка. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Что работает в ВебС типами форматов и кодеков разобрались. Теперь посмотрим, что из всего этого поймут популярные браузеры. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Что с IE?Старые (да и достаточно новые тоже) версии IE не понимают тега <video>. Но, как всегда, выход есть. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Что такое микроданные?Знакомимся с микроданными. Они дают возможность более тонко передать семантику, чем это могут сделать стандартные теги. Из книги Марка Пилгрима «HTML5. Up and Running». 
- 
Элемент <head>. Дружеские отношенияИзменения, которые принес HTML5 внутрь тега <head>. Разбираем ссылочные отношения. 
- 
Элемент <head>. Кодировка символовИзменения, которые принес HTML5 внутрь тега <head>. Разбираем вопрос кодировок. 
