HTML5開発者必見、最速のJavaScriptライブラリはどれだ!? パフォーマンスの徹底検証 | ICS MEDIA
HTML5で2次元のインタラクティブコンテンツを制作するには、さまざまなJavaScriptライブラリがあります。どれを選択するべきか迷いどころではないでしょうか？ そこで今回はHTML5の各種JavaScriptライブラリについて、パフォーマンスを比較検証してみました。 今回検証したフレームワーク メジャーなJavaScirptライブラリとして次の5種類でテストしました。バージョンは2013年4月10日現在の最新版を使っています。詳しい検証方法は記事の後半にまとめています。 CreateJS (EaselJS 0.6.0) Arctic.js (v0.1.11) enchant.js (v0.6.3-48) Pixi.js (v1.0.0) Processing.js (v1.4.1) 各種JavaScirptライブラリのベンチマーク結果 ※グラフの数値が高いほどパフォーマンスが高いこと
Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
タイルレイアウトjsIsotope
Install Download isotope.pkgd.js un-minified, or isotope.pkgd.min.js minified CDN Link directly to unpkg. <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <!-- or --> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
ブラウザーのネイティブなオーディオ - html5doctor - HTML5.JP
もう少し深く入ろう。自分でコントロールを定義するために、他にキーとなるメソッドと属性を使うことができる。仕様では次のようにまとめられている： play() – オーディオを再生する。 pause() – オーディオを一時停止する。 canPlayType() – 指定の MIME タイプが再生できるかどうかを確定するためにブラウザーに問い合わせる。 buffered – バッファするファイルの開始と終了の時間を指定する属性。 Opera 10 は <audio> をサポートしていないが、基本的には Audio() を独自でサポートしている。上記のリストでは、現在の所、play() だけサポートしている。 Safari 4, Firefox 3.5, Chrome 3 beta は <audio> も Audio() オブジェクトもサポートしている。Internet Explorer 8 は
HTML Standard
Firefox3.5+Safari3.1+Chrome3+Opera10.5+Edge79+Edge (Legacy)12+Internet Explorer9+Firefox Android?Safari iOS3+Chrome Android?WebView Android37+Samsung Internet?Opera Android11+ Categories:Flow content.Phrasing content.Embedded content.If the element has a controls attribute: Interactive content.Palpable content.Contexts in which this element can be used:Where embedded content is expected.Content mo
HTML 5におけるアプリケーションキャッシングのためのキャッシュマニフェスト - builder by ZDNet Japan
キャッシュマニフェストの記述方法 キャッシュマニフェストには、ブラウザにキャッシュしておきたいリソースを記載する。キャッシュマニフェストはUTF-8形式のテキストファイルで記述し、改行文字はLFまたはCR、あるいはその両方が使用できる。また、MIMEタイプはtext/cache-manifestとして送信されなければならない。 リスト1にキャッシュマニフェストの記述例を示す。 リスト1 キャッシュマニフェストの記述例 CACHE MANIFEST # version 1.0 # キャッシュマニフェストの記述例 index.html content.html images/icon.png NETWORK: server.cgi CACHE: style/style.css manifest属性の値としてこのキャッシュマニフェストが指定されたドキュメントにアクセスした場合、index.htm
【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (4) キャッシュマニフェストの記述 | エンタープライズ | マイコミジャーナル
キャッシュマニフェストは、ローカルにキャッシュするリソースの情報をブラウザに伝えるための簡単なテキストファイルであり、UTF-8で記述する必要がある。以下のマニフェストは、hello.htmlとhello.jsという2つのリソースをキャッシュするようブラウザに伝える。 hello.manifest CACHE MANIFEST # 「#」で始まる行はコメント # ファイルの先頭はCACHE MANIFESTで始まる必要がある # マニフェストファイルにはバージョンを記述しておくのが通例 # マニフェストが更新されたかどうかはファイル内容の厳密な比較で行われるため、 # リソースの内容が変化したらバージョン番号を変更する、という運用が一般的 # Version: 200907211108 # キャッシュするリソースを明示的に列挙する # セクションを指定していない場合は、キャッシュリソース
コンテンツのロードを高速化するHTML5の「link prefetching」機能 - hylom's
‐ programming, open source, os, and a handful of tips keyboardyによると、HTML5にはlink prefetching機能があり、指定したコンテンツをあらかじめfetchしておく機能があるそうだ。 fetchするコンテンツはLINKタグで指定する。たとえば、次のようなLINK要素をHTML内に記述しておくと、ロード時に「page2.html」がfetchされる。 <link rel="next" href="page2.html"> また、次のように明示的にprefetchを指定することもできる。 <link rel="prefetch" href="/img/img.jpg"> この機能はすでにFirefoxでは実装済みで、OperaやChrome、Safariでもすぐにサポートされるのでは、とのこと。Internet Ex
HTML5 canvas -その3- | LayOut blue
今回はcanvasで描画したグラフィックに色やスタイルの指定と、テキストの描画方法をご紹介致します。スタイルの指定は、色、グラデーション、パターンが指定できます。そのため、画像を使わずとも角丸のグラデーションボタンなども描画出来るようになります。 塗りつぶしのスタイル canvasに描画したグラフィックのメソッド、『stroke()』、『strokeRect()』、『fill()』、『fillRect』などはそれぞれ『strokeStyle』、『fillStyle』プロパティでグラフィックの色、スタイルを指定できます。 ・CSSカラー ・グラデーション(CanvasGradient) ・パターン(CanvasPattern) CSSカラー 色の指定方法はCSS3の方法をすべて使用することができます。（詳細はこちら）また、なにも指定しなかった場合は黒く塗りつぶされます。 例：赤の指定 st
iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ-
こんにちは。普段からiPhoneを愛用している橋本です。 最近、「せっかくiPhone持ってるんだし、iPhone向けのアプリ作ってみようかしら？」と思い立ったのですが、iPhoneのネイティブアプリを作るには、”Objective-C”と、”cocoa Touch”というiPhone/ipodTouch向けのフレームワークを理解する必要があり、また、自分で開発したアプリを実機に入れて動かしてみるには、そこそこの費用と各種手続きが必要だったり（iPhoneエミュレータ上で動かす分には問題ないのですが…）と、何かと大変です。 「何かもっと手軽にiPhone特有の機能を活かしたアプリを作る方法はないかなぁ。。」と考え、思い立ったのがWebアプリ。Webアプリなら、今までの知識＋αでアプリを作成することが出来るのではないかと。そこで、今回から数回に渡ってiPhoneとjavascriptを使って
CSS3 の Transition を JavaScript と連携させるときのメモ - 8th713 Log
はじめに今回は Google Chrome と Safari に限った話。他のブラウザはしりません。検証に使ったバージョンは win 版の Google Chrome 6.0.495.0(Official Build 56152) devSafari 5.0.1(7533.17.8)です。また CSS のプロパティに関してはベンダープレフィックスは記事上では省いていますが実際のCSSではちゃんとプレフィックス付きで書いています。 サンプルTransition and webkitTransitionEnd Event - jsdo.it - share JavaScript, HTML5 and CSS hover 擬似要素や JavaScript からのインラインスタイル変化などが起きたときその変化をアニメーションで表現する仕組みです。 サンプルコードではクリックしたときクラスを付けたり
JavaScriptによるCSSの操作 | 暴満館 ～The House of full Violence～
またFirefoxは短縮形で取得しようとすると、設定していないプロパティにデフォルト値が入った状態で返ってくるので注意する。 getStyleValue( "div.hoge", "background" ) //Mozilla : rgb(17, 34, 51) none repeat scroll 0% 0% ルールを削除する {#deleteRule} function deleteRule( index, sheetindex ) { if( sheetindex == undefined ) sheetindex = 0; document.styleSheets[ sheetindex ].deleteRule( index ); } 全てのルールにはインデックスが振られており、それを指定することでルールから消すことができる。 ただ、同じセレクタで上書きするのとほとんど変わらな
aruko.net - このウェブサイトは販売用です！ - aruko リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
