Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement | Filament Group, Inc.
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement A while ago, we came up with a technique for creating accessible charts and graphs that uses JavaScript to scrape data from an HTML table and generate bar, line, area, and pie chart visualizations using the HTML5 canvas element. This technique provides a simple way to generate charts, but more impo
Web Icon Fonts | chibatch.jp
Web Icon Fonts Webフォントで使えるアイコンセット。IE8以下では使えないです。iOS4.1以下も多分見られない。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
jdb.js - Indexed Database APIを使いやすくするフレームワーク - IT-Walker on hatena
jdb.jsというフレームワークを作りました。まだ開発に2日もかけてない（ドキュメント書くほうが大変だった(^^; ）ので、荒っぽいところも、機能が不足しているところもありますが、試しに実装してみたらかなり便利なものができたと思っているので、フライング気味に公開します。Indexed Database APIの使いにくさを知っている人なら、結構興味を持っていただけるんじゃないかと。 GitHubのリポジトリはこちらです。 以下、README_ja.mdから引用します。 jdb.jsは、W3C Indexed Database APIをより直感的に扱いやすくすることを目指したライブラリです。 名前の由来は、「IDB」(Indexed DB)をより使いやすく、ということで「JDB」(Jはアルファベット順でIの次の文字です）としました。 Indexed Database APIをそのまま利用する
HTML5の3Dエンジン「Three.js」の物凄いボリュームの日本語チュートリアル
HTML5による物理シミュレーション環境の構築 - WebGLライブラリThree.js入門 (遠藤理平 | ナチュラルサイエンス) WebGLのJavaScriptライブラリ「Three.js」の日本語のチュートリアルが公開されています。 全部で３部のようですが、現時点では１部だけが公開されています。
HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」:phpspot開発日誌
turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単です。<div>を並べて初期化するだけ。 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル モバイルブラウザでのHTML5対応状況が一目瞭然の「Mobile HTML5」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」
HTML5&API総まくり
第16回Alfresco勉強会（2013.06.06）の発表資料です。 Alfrescoでibatisを使ってカスタムテーブルにデータをINSERTしたりSELECTしたりする方法について紹介しています。
Polyfilling The HTML5 Gaps With JavaScript
Related links and resources Tweet A little about me JavaScript & UI Developer @ AOL jQuery [Bug Triage/Docs/Learning] teams Contribute to open source projects like Modernizr Wrote a few polyfills and shims I ♥ making the web better I occasionally battle the dark side. Why Do Polyfills Matter? First do it. Then do it right. Then do it better. Do it: Get your application or demo working using the na
HTML5 Fullscreen APIのクラスリファレンス - とむころりの開発日誌
とりあえず、備忘録のつもりで、日々調べたことや考えたこと、知ってることをまとめておくところ。 いつの日か、リアルとネットが融合することを目指して。 要約 FullScreen APIの日本での普及を願って、MozillaWikiベースで、FullScreen APIの日本語のクラスリファレンスを作ってみた。 Gecko:FullScreenAPIをベースにしてるので、詳しいことはこっちを見てね。 －－以下駄文 HTML5では、今までのWebではFlashの分野とされてきた技術が、次々と実装されている。 その一つが、ページのフルスクリーン表示。 先月ぐらいにhtml5j.orgで、白石さんがFullScreenAPIを紹介していたので、さっそくHTML5 の Webベンチマークに実装してみた。 描画系のベンチマークは、本来フルスクリーンで実行すべきものだったので、渡りに船だった。 Mozil
IE9 で - latest log
IE9 を含む様々なブラウザで <audio> や window.Audio の機能の一部を利用できるようにしてみました。 Silverlight3+ がインストールされている、Firefox3.0, Firefox3.5+, IE8, IE9, Google Chrome3+, Safari4+ で動いてます。 # そのうち、Flash でも動作するようになります(Flash バックエンドは実装中です) # Opera は Silverlight でコケてて、動かないようです http://pigs.sourceforge.jp/blog/20100323/demo/AudioTag.htm → <audio> デモ http://pigs.sourceforge.jp/blog/20100323/demo/Audio.htm → new Audio(src) デモ http://pig
HTML5のCanvasによって画像加工が出来る「CamanJS」:phpspot開発日誌
CamanJS - Image Manipulation in Javascript HTML5のCanvasによって画像加工が出来る「CamanJS」。 画像編集ツールによってコントラストや露光量を変えたり、ガンマ値を変えたりといった処理で画像を加工できますが、このCamanJSを使えば、Canvasを使ってJavaScriptのメソッドで色を変えられます。 ビフォア アフター 次のようにメソッドをチェーンさせることで画像を加工しちゃえるツールです。 こんなことも出来るのか、ということで覚えておくとサーバに負荷をかけず、便利に使えそうです。 関連エントリ 画像にぼかし効果を与えられるjQueryプラグイン「Image Blur」
HTML5で実装する動画コンテンツに字幕を付けるライブラリ・Cuepoint JS
なかなかユニークだったのでメモがてら。 HTML5で実装する動画コンテンツに字幕 を加える、というjsライブラリです。思いつき ませんでしたけど、こう言うことも出来てし まうんですね・・・HTML5ってやっぱり凄い かも・・（今さらですけどｗ なかなか面白い発想ではないですかね。動画そのものにいれるのが一般的ですけど、簡単なものでいいならこの方法も有りかなと。 上部にHTMLでキャプションが入っています。再生すると、動画が進み、場面に応じてテキストが分かります。 時間がたつと別のメッセージが表示されます。 キャプションの埋め方$(document).ready(function(){ //Slides object with a time (integer) and a html string var slides = { 0: "This is the first subtitle. Y
どんなサイトもタッチ対応に変える『Onswipe』 （WIRED.jp） - ニュース：ITpro
雑誌を苦労してiPad用アプリにする必要はなくなったかもしれない。どんなウェブサイトも、タブレットやスマートフォンで、タッチやスワイプを使って読めるようにするサービスが現れたのだ。 6月21日（米国時間）にローンチされた『Onswipe』は、ウェブページを訪問してきたiPadやiPhone、Android携帯の利用者を、雑誌アプリのように操作できるHTML5の特別ページへと転送するサービスだ。 『Popular Science』や『Wired』、そして『The Daily』のような雑誌アプリのような形で、コンテンツを読むことができる。違いは、Onswipeがすべてのコード開発を無料でやってくれることだけだ。パブリッシャーは、さまざまなテンプレートから選択して、データベースにあるコンテンツを入手する方法を米Onswipe社に提供し、サイトに短いコードを追加するだけでいい。 すると、サイトが即
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://csswarp.eleqtriq.com/
http://visitmix.com/labs/ai2canvas/
HTML5 Canvas Element Tutorial
http://jp.droidget.com/mobile-5/html5
Mobile HTML5
HTML5マークアップの心得と作法
HTML5 とか勉強会の Closure Library の資料を公開します - WebOS Goodies
HTML5の可能性を示唆してくれる『HTML5 WOW!』は必見ではなかろうか | 100SHIKI
