タグ

JavaScriptとHTML5に関するleppsのブックマーク (4)

  • あの機能が使えるかどうか。HTML5/CSS3の機能単位の判別ライブラリ·Modernizr MOONGIFT

    ModernizrはHTML5/CSS3を機能単位で実装状況を判断するJavaScriptライブラリ。 ModernizrはJavaScript製のオープンソース・ソフトウェア。数年前まではブラウザによって動く機能、動かない機能というのがあった。それらを吸収するライブラリとしてPrototype.js/jQueryなどがもてはやされた。今、時代はHTML5に変わろうとしているが話はさらにややこしくなっている。 テスト WebKitはブラウザバージョンという概念さえ持たない。Google Chromeが日々バージョンが変わっている。IEもバージョンが増えており、ブラウザによってHTML対応具合が細かく違っている。そんな中でHTML5を進める際に使ってみたいライブラリがModernizrだ。 Modernizrはブラウザごとの判断ではなく、機能ごとに使える/使えないを判断するライブラリだ。例え

  • クライアントサイドだけで作るスマートフォン最適化サイト·mobilize.js MOONGIFT

    Mobilize.jsはデスクトップ向けのHTMLJavaScriptで組み替えてスマートフォンに最適化された表示にするJavaScriptライブラリ。 Mobilize.jsはHTML5/JavaScript製のフリーウェア(オープンソースとなっているがライセンスはなし。ソースコードは公開されている)。スマートフォンのシェアが増えるに従って、従来のWebサイトにおけるスマートフォン最適化サイトのニーズが高まっている。iPhoneAndroidからのアクセスに対して最適化されたUIを提供することでユーザビリティを高めるのだ。 最適化表示 幾つかのやり方があるが、一つはサーバ内でアクセスを判別してビューを切り替えたり、サブドメインを分けてしまうと言った方法がある。今回紹介するのはどちらでもない。なんとクライアントサイドだけで行ってしまうのだ。 Mobilize.jsはjQuery Mob

  • HTML5の魅力。Webブラウザ上で楽譜を表示し、MIDIを使って奏でる·ABC.js MOONGIFT

    ABC.jsはWeb上で楽譜を表示し、演奏するJavaScriptライブラリ。 ABC.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5によってWeb上の表現力は高まっている。SVGでベクター画像を描いたり、WebGLによって3Dオブジェクトを描き出すこともできる。Canvasを使うプロジェクトも多い。 きれいな楽譜表示 これまではFlashを使ったり、画像を使わなければならなかった表現もHTMLだけでできるようになる。その一つ、楽譜を描き出して音まで鳴らせるのがABC.jsだ。 ABC.jsは特定の記法に沿って記述することでWebブラウザ上に楽譜を書くライブラリだ。JavaScriptを使っているので、その場で手直ししてレンダリングし直すこともできる。楽譜共有サイトのようなものを作ることさえできるだろう。 Firefoxなら演奏とダウンロードも そして描

  • iPhone/iPadに対応したマップ/タイル表示ライブラリ·Tile5 MOONGIFT

    Tile5は地図およびタイル表示を行うiOS用Webサイト向けライブラリ。 [/s2If] Tile5はJavaScript/HTML5製のオープンソース・ソフトウェア。HTML5を試してみたいと思うならば、モバイルから開始するべきだろう。さらに言えば表示領域の大きいiPad向けサイトをHTML5で作ってみることをお勧めする。対象を限定すれば既存サイトへ与える影響も大きくない。 地図表示 iOS向けのサイトを開発する時に一から開発する必要はなくなってきている。既に多数のライブラリやテーマが存在する。それらを必要に応じてピックアップして組み合わせるだけで素敵なサイトができあがる。地図や写真を扱うならTile5を使ってみよう。 Tile5は主に二つの機能がある。一つは地図表示のライブラリだ。iPad対応になっているライブラリで、左側に地図サービスの切り替えや機能切り替えが行える。ルート表示やピ

    lepps
    lepps 2010/12/09
    表現力でネイティブアプリに迫っても、オンライン必須という足かせは残る
  • 1