Get the Book

HTML5 Hacks shows you how to use the latest tools to make your sites and applications more interactive, more functional, and more capable of competing with desktop applications. Each hack shows you how to make a concrete improvement, applying the latest in JavaScript, HTML, and CSS power to common web development issues.

HTLM5 Hacks in English

HTML5 Hacks in English

With 90 detailed hacks, expert web developers Jesse Cravens and Jeff Burtoft demonstrate intriguing uses of HTML5-related technologies. Each recipe provides a clear explanation, screenshots, and complete code examples for specifications that include Canvas, SVG, CSS3, multimedia, data storage, web workers, WebSockets, and geolocation.

You’ll also find hacks for HTML5 markup elements and attributes that will give you a solid foundation for creative recipes that follow. The last chapter walks you through everything you need to know to get your HTML5 app off the ground, from Node.js to deploying your server to the cloud.

Here are just a few of the hacks you’ll find in this book:

  • Make iOS-style card flips with CSS transforms and transitions
  • Replace the background of your video with the Canvas tag
  • Use Canvas to create high-res Retina Display-ready media
  • Make elements on your page user-customizable with editable content
  • Cache media resources locally with the filesystem API
  • Reverse-geocode the location of your web app user
  • Process image data with pixel manipulation in a dedicated web worker
  • Push notifications to the browser with Server-Sent Events

HTLM5 Hacks in Chinese

HTML5 Hacks in Chinese

互联网应用开发专家Jesse Cravens和Jeff Burtoft通过90个详细的例子展示了HTML5相关技术的奇妙之处。书中每个小节都有详细的解释、清晰的截图和完整的代码示例,阐述了Canvas、SVG、CSS3、
多媒体、本地数据存储、web workers、WebSockets等规范。
本书前半部分讲述了HTML5标记元素和属性,这些内容为后面创建复杂的例子打下了坚实的基础。最后一章描述了创建一个HTML5服务器端应用的完整流程:从Node.js服务器端开发到将应用部署到云平台。
本书包含的部分实例列举如下:

  • 使用CSS变换和转换来实现iOS样式的翻卡效果
  • 使用Canvas标签为HTML5视频添加背景
  • 使用Canvas标签创建高清晰度、支持视网膜屏幕的图形
  • 通过editable content将页面的每个元素都变得可编辑
  • 用filesystem API在本地缓存多媒体资源
  • 使用反向地理编码API反查用户的位置
  • 在独立web worker中通过像素操作处理图片数据
  • 通过Server-Sent Events向浏览器推送通知

HTLM5 Hacks in Japanese

HTML5 Hacks in Japanese

HTML5は、これから利用が一気に進むと期待されている技術です。多くの企業が取り組みを表明、また実際に取り組み初めており、熱い注目を集めています。本書ではHTML5のテクニックを網羅する90のTipsを紹介します。HTML5の持つ威力を体感でき、またHTML5で何ができるのかという可能性を示します。サンプルコードが豊富で、ほぼすべてダウンロード可能。実践的、実用的な一冊です。日本語版ではブラウザ対応状況を示すアイコンを各Hackに付けているため、対応/未対応が一目でわかるようになっています。

関連書籍
HTML5 Canvas
HTML5 Canvasデスクトップリファレンス
HTML5 ジオロケーション
HTML5 ファイルシステムAPI
HTML5クックブック
入門 HTML5