#html5 api

HTML5 canvas要素 に関してノート。 HTML5 canvas要素 canvas要素を使用すると画像ファイルを用意しておかずともJavascriot経由で図を描くことができる。 長方形の描画 HTML側にはcanvasタグを記述し、必要であればwidthとheightを指定しておく。 Javascriptで該当のcanvasを取得し、getContextメソッドを取得し適当な変数に格納しておく。 短形の色を指定する場合はfillStyleもしくはstrokeStyleを4の前に指定しておく。 strokeRectメソッドでは線画を描写し、fillRectメソッドでは塗りつぶしの図を描写することができる。   実装サンプル： 三角形の描画 短形以外の図形は点と点を繋ぐパス形式で描画していく。 beginPathメソッドで図形を書き始めることを宣言…

HTML5 video要素 に関してノート。 HTML5 video要素 video要素はaudio要素とよく似ていて、属性も同じものが幾つか使用できる。 属性名 値 概要 src ファイルのパス 必須 preload none 事前にロードしないように促す metadata 最初のフレーム、長さなどのメタデータのみを事前にロードするよう促す auto 事前にロードするように促す autoplay なし 自動再生する loop なし 再生をループする controls なし コントローラーを表示 width 数値 動画を表示する幅 height 数値 動画を表示する高さ poster ファイルパス 動画がロードされなかった場合の第かえ画像（サムネイル） type MIMEタイプやコーデック ブラウザがサポートしているかを判断する Javascriptでの制御…

HTML5 audio要素 に関してノート。 HTML5 audio要素 audio要素は、音声ファイルを再生しJavascriptなどでコントロールできるようにするための要素。src属性にファイルのパスを指定し、controlsやautoplayなどの再生制御のための属性を付け加える。 属性名 値 概要 src ファイルのパス 必須 preload none 事前にロードしないように促す metadata 最初のフレーム、長さなどのメタデータのみを事前にロードするよう促す auto 事前にロードするように促す autoplay なし 自動再生する loop なし 再生をループする controls なし コントローラーを表示 type MIMEタイプやコーデック ブラウザがサポートしているかを判断する…

Phoenix – A jQuery plugin that saves form field values or state to Local Storage via HMTL5 Web Storage APIs

Phoenix – A jQuery plugin that saves form field values or state to Local Storage via HMTL5 Web Storage APIs Lost connections, crashed browsers, broken validations – all these forms data user had filled in with efforts gets lots adds end user frustration. Phoenix is a jQuery plugin that saves data entered inside form fields locally and restores it in case the browser crashes or the page is…

Quand il s'agit de faire glisser des éléments de réagencement avec JavaScript widget; jQuery UI sortable est le plus populaire. Sortable est une bibliothèque JavaScript qui effectue la même chose, mais sans JavaScript :).

Drag And Drop sans JQuery