タグ

関連タグで絞り込む (10)

タグの絞り込みを解除

JavaScriptとhtml5に関するkmonのブックマーク (4)

  • window.onhashchangeが便利すぎる - TYAGE EMOTION

    昨日の記事 http://d.hatena.ne.jp/da-yoshi/20100722/1279811055 に対してコメントいただきました。 http://d.hatena.ne.jp/da-yoshi/20100722/1279811055#c1279857804 window.onhashchangeというそのものズバリのイベントハンドラがあるのですね。 IE8については、HTML5だけではなく、XHTML1.0やHTML4.01の標準モードでも動作しました。Firefox3.6でもChrome5でもSafariでも動作しますね。これなら十分採用できます。ちょっと簡単なHTML書いてみました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loo

    window.onhashchangeが便利すぎる - TYAGE EMOTION

  • JavaScriptで図形を描くHTML要素「Canvas」の実例

    JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。 といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。 まずは簡単なフレー

    JavaScriptで図形を描くHTML要素「Canvas」の実例

  • [HTML5] - 個人事業主のつぶやき

    http://pluswing.net/html5/canvas.html ということで、テトリスを実装してみた。 テトリス自体(tetris.js)は小一時間でてきとーに実装したので、 ブロックの回転とかが微妙な感じ。 ※FirefoxはCanvasがもっさりしてるので、Chromeでプレイすることをオススメします。 それは置いておいて、なんでHTML5のCanvasを使おうかと思ったのかというと、 ChromeのCanvasが恐ろしく速いという事実。*1 これは、ゲームが作れるぞ！という興奮から。 (僕がゲームを作ってたのは7年ほど前になるけど、 その頃のそこらにあるマシン並に速度出てそうな勢い。Chromeは。) 実はテトリスは副産物で、 Canvasを使うにあたり、ライブラリが無いとねー ということで、描画周りのライブラリをひととおり作りました。 一個くらい作ってみないとライブラリ

    [HTML5] - 個人事業主のつぶやき

  • Safari 3.1 に実装された「Client-side database storage (SQL API)」とは何か？ - IT戦記

    はじめに Safari 3.1 には Client-side database storage （SQL API とも呼ばれています。）という新しい仕様が実装されました。 というわけで、この新しい API について色々調べたことを簡単にまとめておきます。 Client-side database storage が使えるブラウザ 2008 年 03 月 27 日現在では、 Safari 系のブラウザのみです。 Safari 3.1 WebKit Nightly Client-side database storage とは Selectors API とは HTML5 で定義された仕様です。詳細に関してはこちらをどうぞ。 簡単に説明すると JavaScript 内でリレーショナルデータベースを使えるということです。 もっと簡単にイメージするために、実際のコードを示すとこんな感じです。 va

    Safari 3.1 に実装された「Client-side database storage (SQL API)」とは何か？ - IT戦記
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.