CSS3アニメーションをJSで制御
iOSでFlashがネイティブにサポートされない事から、JSあるいはCSS3でアニメーションを実装する機会が増えています。 クライアントから明確に「このアニメーションはJSorCSS3で（iOSでも閲覧出来るように）作って欲しい」と依頼を受けた経験のある方もいらっしゃるのではないでしょうか？ CSS3アニメーションは現状、対応ブラウザの課題から使用が限定されるため、 私自身はJSでアニメーションを実装する機会の方が圧倒的に多いのですが、 今後の考え方として、以下のような方法を影響の少ない範囲で導入しています。 UIの制御をJSで アニメーションをCSS3で CSS3でアニメーションを実装した際のメリット・デメリットを列挙します。 今後も積極的に導入していくかは未定ですが、一手段としてご覧いただければ幸いです。 CSS3アニメーションのメリット・デメリット メリット JSアニメーションより比
jQueryとHTML5でドラッグ＆ドロップアップロードを実現するチュートリアル:phpspot開発日誌
jQuery HTML5 Drag-and-Drop File Upload | LearnComputer jQueryとHTML5でドラッグ＆ドロップアップロードを実現するチュートリアル。 jQueryのfiledropプラグインを使いつつサーバにファイルをアップロードするためのJavaScriptとPHPコードの例が掲載されています。 JS部分のコード例。アップ先のPHPエントリポイント、アップ開始、終了時のイベントハンドラが指定できます。 PHP側では $_FILES を使ってファイルを受け取るという簡単な物になっています。 関連エントリ ファイルアップロードのレジュームをブラウザ上で行える「Resumable.js」 ファイルアップロード関連のjQueryプラグイン１０ PHPを使ったAjaxファイルアップロードサンプル１０
ActionScript入門Wiki - Arctic.js
AS3ライクに記述できるJavaScriptゲームライブラリです。(ライセンスはMIT License) ダウンロード - https://github.com/DeNADev/Arctic.js <html> <head> <script type="text/javascript" src="js/arctic.js"></script> <script type="text/javascript" src="js/game.js"></script> </head> <body> <canvas id="canvas"></canvas> </body> </html> (function() { // arcGameクラスを継承したメインクラス var Main = arc.Class.create(arc.Game, { // コンストラクタ(必要なら引数を指定) initial
Modernizr.jsを使ってHTML5のクロスブラウザ問題に立ち向かう！ - Taste of Tech Topics
こんにちは！ しょこたんです。 HTML5の対応も着々と進み、開発をしてみよう！ とはいっても、なんだかんだで気になるのは、 クロスブラウザ問題。 特にIEは9にならないとHTML5の恩恵は受けられないとのこと。 せっかくHTML5のコードを書いても、 それでscriptエラー！ なんて出したら、台無しです。 今までは、そういった問題に対して、ブラウザのバージョンを調べて判断し、 遷移をかえることをやっていました。 たとえば <span class="rem"><!--[if lte IE 6.0]></span> <span class="rem"><meta http-equiv="refresh" content="0;url=./endosnipe_ie6.html" /></span> <span class="rem"><![endif]-->
IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」:phpspot開発日誌
IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」 2010年05月25日- jStorage - simple JavaScript plugin to store data locally IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」。 基本はHTML5のストレージを使いますが、対応していないブラウザは、例えばIEではuserDataを使ってデータを格納します。 ライブラリ内でクロスブラウザ対応はしてくれるので、利用者はただ jStorageのメソッドを呼び出すだけでストレージを利用できます。 ブラウザごとのサポートと、ストレージサイズは以下。IE6,7 が 128KBと、比較的小さいですが、それなりに大きなデータを保持できることが分かります。 基本とするフレームワークライブラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
