[B! JavaScript][HTML5] penaltyのブックマーク

Dropify — Override your input files with style.

Before Basic HTML input file Now Your so fresh input file — Default version You can add a default value You can set the height You can combine options You can disabled the input Also with a default file You can add a max file size You can disable remove button You can use events You can destroy it Init/Destroy Multiple options are available Only portrait or square images, 2M max and 2000px max-hei

penalty 2015/10/13

リンク

スマホでもWebGLが快適に動く! HTML5で体験する3D表現の可能性 – ICS MEDIA

WebGLウェブ・ジーエルとはブラウザで3D表示するための標準仕様。いまやスマートフォンを含むすべてのブラウザでWebGLが動作します。WebGLを使えばGPUによって描画が高速化されるため高度なグラフィカル表現が可能になります。 WebGLを使えば主に次のようなコンテンツ開発に役立ちます。 3Dモデルの表示ゲームコンテンツデータビジュアライゼーションプログラミングアート魅力的で華やかな画面演出（広告系サイトなど）かつてはFlash PlayerやUnity Web Playerのようなブラウザ・プラグインを使わなければ3D表現はできませんでしたが、WebGLの登場によってプラグイン未搭載のスマートフォンのブラウザでも3D表現が実現可能になりました。本記事ではWebGL入門者にむけ、数秒で試せるオリジナルのWebGLのHTMLデモを多数掲載。どれもスマートフォンのブラウザでも利

penalty 2015/02/05

リンク

Webアニメーションを高速化するために知っておくべき10のこと（前編）

Webアニメーションを高速化するために知っておくべき10のこと（前編）斉藤祐也（株式会社リッチメディア）アニメーション／トランジションは身の回りに当たり前にあるものです。むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。アニメーション／トランジションはデジタルなWebに対して自然な変化を提供する大切なツールです。今回はそんなアニメーション／トランジションをより自然にスムーズに動作させるために知っておきたいことを前・後編の2回に分けて紹介していきます。アニメーションを高速化する理由アニメーションは先ほど書いたように普段の生活にも存在しています。だからこそ、我々はスムーズではないアニメーションを見つけるのが得意です。アニメーションに限定した話ではありませんが、FacebookのShane O’Sullivan氏が、ページロード後のレンダリングパフォーマンス

penalty 2013/09/13

リンク

ユーザーの体感速度を高めるためのJavaScriptチューニング（後編）

連載「Webサイト・アプリ高速化テクニック徹底解説」の第3回は、前回の「ユーザーの体感速度を高めるためのJavaScriptチューニング（前編）」の続きです。この後編では、「ユーザーの操作を阻害しない」方法についてJavaScriptのシングルスレッドやイベントループを交えて解説し、HTML5のWeb Workersについても紹介していきます。前回は、ユーザーの体感速度を向上させるための方法として、3つのうち「ページを素早く表示する」と「ユーザーに素早くインタラクションを返す」を解説しました。今回は、最後の「ユーザーの操作を阻害しない」について詳しく解説していきます。ユーザーの操作を阻害しない JavaScriptによる処理が重くなると、いつまでも画面が更新されなかったり、ユーザーの操作が止まってしまったりということがあります。止まっている時間が長すぎると、ブラウザから応答がないという

penalty 2013/07/24

リンク

HTML5でコーディングするならとりあえずie9.jsとhtml5shiv.jsを入れる : 森のコーディング

9月8 HTML5でコーディングするならとりあえずie9.jsとhtml5shiv.jsを入れるカテゴリ:javascript HTML5 Tweet 最近のマークアップ界隈を観察してみると、 HTML5でマークアップするときは２つのjsを読み込ませるのが多いみたいです。 ie9.js とhtml5shiv.js ■ ie9.js これは、internetexplore6,7,8をie9に近づけるためのライブラリ。・position:fixed; ・max-heightやmin-heightなどの最大サイズ設定・aタグ以外での:hover ・margin:0 autoで中央寄せ・透過PNG ・opacityで透明度などなどを対応させるという。これまでIE6やIE7のハックをしてきたコーダーの方々にとっては、「そうそう、IE6と７に対応させるときは大体ソレだよね」なやつらですね