いろんなHTML5 canvasのフレームワークを試してみた
TFujinami codes (jsdo.it) 珍しくというか初めてニュースクリップではなくオリジナルで書きます。 EaselJSやGuryなど幾つかのHTML5 canvasのフレームワークを試してみました。 ランダムで線、四角（長方形）、丸（楕円）を描画します。画面をクリックするとローテーションします。 コード共有サイトのjsdo.itですべて公開してあります。 - EaselJS (記事) - Gury (記事) - oCanvas (記事) jsdo.it上では動作しないのでダウンロードしてください - jCanvaScript (記事) - CasualJS (記事) 4/27追加 パフォーマンス低し、使い方が間違っている？ - jCanvas (記事) 5/20追加 - Processing.js (記事) 5/24追加 - LibCanvas (記事) 6/8追加 Ell
JavaScriptによるWeb統合開発環境「Orion」、Webブラウザで試せる「OrionHub」でβ版公開
JavaScriptによるWeb統合開発環境「Orion」、Webブラウザで試せる「OrionHub」でβ版公開 「Orion」は、Webアプリケーションの統合開発環境を、JavaScript/HTML/CSSなどのWeb技術を用いてWebブラウザ上で実現しようとするオープンソースのプロジェクトです。Javaベースの統合開発環境として知られるEclipseを開発しているEclipse Foundationが開発しています。 Orionは現在開発中のソフトウェアですが、広く開発者からフィードバックを得るという目的で「OrionHub」というサイトが開設。ここからサインインすることでOrionを試すことができます。 Firefox 3.6で試してみた 実際に試すには、OrionのWebサイトからメールアドレスを登録します。すると、IDとパスワードがすぐにメールで送られてきます。このIDとパスワ
デブサミ2010「次世代Web標準 HTML5 最新動向」行ってきた - hiroyのブログ
デブサミに夕方から行ってきた。気になった部分だけ抜き書きメモ。 HTML5の背景 webアプリケーションの台頭 HTML/CSS/JavaScriptの組み合わせでは機能が足りなかった XHTML 2.0とかXFormsとか考えられたけど XMLベースの技術、開発者に支持されなかった ブラウザ含めて不安定な技術だった 何とかしようと考えられたのがHTML5 機能拡張 安定性の向上 Canvas immediate mode 描画したものを操作できない audio要素、video要素 FlashみたいにプラグインじゃないからCSS/Canvasと組み合わせられる Web Storage localStorage sessionStorage Web Worker Shared-nothing DOMとかにアクセスできない Web Cache CACHE MANIFEST とか書く onlin
JavaScript マウス入力処理 (gorogoronyan)
2010/01/25－2010/02/12 onmousedown などのマウス入力処理のサンプル。XHTML バージョン。 ◎姉妹編 JavaScript はじめの一歩 JavaScriptボタン入力処理 重要事項 ◎古いブラウザで動作しない点に注意。 マウス関連の処理は古いブラウザでは動作しなくなるか変な動作になるので注意。IE6 ぐらいで動くのかどうか不明。マウスで複雑な処理を行う場合は古いブラウザは考慮しないという割り切りが必要かもしれない。 HTML5 Canvas のように、新しいブラウザにのみ搭載されている（Google Chrome や Safariの最近のバージョンや文字表示が行えるFirefox3.5以降など ）機能と分かっているものだと古いブラウザを考慮しなくて済む。もちろん、万人向けのホームページの話ではなくて特定の用途の話になります。 この種の話は
Introduction to the HTML5 audio tag javascript manipulation
Some of the new exciting features of HTML5 are the audio and video tag. This could potentially, in the long term, replace flash on the video level. I wanted to use the audio tag in one of my experiemental project, there is little information about how to manipulate the audio tag, and tought it would be great to have a starter guide. One thing clear is this is still an early implementation, which a
Dev.Opera — HTML5 Canvas — the Basics
Table of contentsIntroductionThe basics of using canvasThe 2D context APIBasic lines and strokesPathsInserting imagesPixel-based manipulationTextShadowsGradientsSummaryIntroductionThe HTML5 specification includes lots of new features, one of which is the canvas element. HTML5 canvas gives you an easy and powerful way to draw graphics using JavaScript. For each canvas element you can use a "context
HTML5だけでiPhoneアプリをつくる - EC studio デザインブログ
間が開いてしまいましたが、CSS Nite 4周年記念イベント（Vol.40 reprise）の続きです。HTML5のメリットを活かしたコンテンツアイデア」というテーマでお話されたのはKAYACの山田敬美さん。 HTM5を取り上げたブログ記事などを多く見るようになりましたが、その多くは新要素のマークアップについてが特に目立つ気がします。 そんな中、マークアップエンジンニアでもあり、KAYACのブッコミ11メンバーでもある山田さんはWebアプリケーションとしてのHTML5を生かしたアイデアをお話されていました。 iPhoneがHTMLで使える理由 HTML5といっても現状ブラウザごとで実装が異なり、実務として使うのは非常に難しい。でもそういったブラウザの種類に左右されないデバイスがある。 それがiPhoneだということです。iPhone SafariのWebkitはHTML5を要素のいくつか
Native Audio in the browser | HTML5 Doctor
This article was last updated on 28 May 2014 to reflect changes in the spec. Until recently, the ability to play any type of audio within a browser involved using Adobe Flash or other browser plugins. Although Adobe's Flash player is unquestionably the most ubiquitous of these, most developers and designers would agree that it's better not to rely on a plugin at all. Enter HTML5 <audio> One of the
IO 9elements
Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Building a Rock Solid Auto GridExplore a customizable CSS auto-grid layout in our latest post. Adjust column widths, gaps, and max column count for flexible web designs. Ideal for any web project. Hosting a ComfyUI Workflow via APIBasic WebSoc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5.JP - 次世代HTML標準 HTML5情報サイト