あの機能が使えるかどうか。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はデスクトップ向けのHTMLをJavaScriptで組み替えてスマートフォンに最適化された表示にするJavaScriptライブラリ。 Mobilize.jsはHTML5/JavaScript製のフリーウェア（オープンソースとなっているがライセンスはなし。ソースコードは公開されている）。スマートフォンのシェアが増えるに従って、従来のWebサイトにおけるスマートフォン最適化サイトのニーズが高まっている。iPhoneやAndroidからのアクセスに対して最適化されたUIを提供することでユーザビリティを高めるのだ。 最適化表示 幾つかのやり方があるが、一つはサーバ内でアクセスを判別してビューを切り替えたり、サブドメインを分けてしまうと言った方法がある。今回紹介するのはどちらでもない。なんとクライアントサイドだけで行ってしまうのだ。 Mobilize.jsはjQuery Mob
jQuery製で手軽に使えるHTML5による画像のドラッグアンドドロップアップローダー·Droparea MOONGIFT
DropareaはHTML5/jQueryで画像のドラッグアンドドロップによるファイルアップロードを行うライブラリ。 DropareaはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5によって大きく改善されたWebの機能の一つがファイルアップロードではないだろうか。複数のファイルがアップロードできるようになったり、ドラッグアンドドロップでもアップロードできるようになった。 アップロードするとすぐにサムネイルが表示される ドラッグアンドドロップでのアップロードとしてはGmailが有名だが、ファイルを持っていってはじめてドロップできることに気づくのでは使い勝手が良いとは思えない。それをもう少し分かりやすくしたのがDropareaだ。 DropareaはWebページに写真をアップロードするjQueryプラグインだ。特徴としてアップロードできる部分があらかじめ指定されて
小さな工夫で大きな改善。ドラッグアンドドロップでファイルアップロード·html5uploader MOONGIFT
html5uploaderはHTML5を使ってドラッグアンドドロップによるファイルアップロードを実現するライブラリ。 html5uploaderはHTML5製のオープンソース・ソフトウェア。HTMLで最も嫌だったのがファイルアップロードの手間が大きいことだった。一つのファイルボックスで一つのファイルしかアップロードできないというのはとても面倒だった。Flashで作られた擬似的アップロードツールでファイルが複数選択できるようになったのが救いでもあった。 デモ。この枠にドロップする。 それがHTML5によって複数ファイルのアップロードに対応するようになり、便利になった。だがファイル選択のダイアログが面倒なのは変わらない。それを改善してくれるライブラリがhtml5uploaderだ。 html5uploaderはボックスを表示してその中にファイルをドラッグアンドドロップするだけでアップロードを行
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対応になっているライブラリで、左側に地図サービスの切り替えや機能切り替えが行える。ルート表示やピ
アプリ化もサポートしたHTML5のスマートフォンフレームワーク·Jo MOONGIFT
JoはHTML/JavaScript製のオープンソース・ソフトウェア。HTML5が隆盛になっている。まだ時期尚早という声もあるが、モバイルについてはWebKitベースが大勢とあって、実用レベルになってきているのではないだろうか。 ポップアップ そんな中必要になるのが、フレームワークだろう。フレームワークを使うことで、実践的なWebアプリケーションが容易に構築できるようになる。その先兵として紹介したいのがJoだ。 JoはWebKitベースで動作するHTML5フレームワークだ。そのため、iOSやAndroidはもちろん、SafariやGoogle ChromeさらにDashboard Widgetでも利用が可能だ。HTMLはあまり記述せず、JavaScriptによって画面のレンダリングを行うのが特徴だ。 リスト選択 そのため、スクリプトベースでWebアプリケーションの開発が可能になる。デザイン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
HTML5 Canvas Cheat Sheet
IDEA * IDEA