タグ

2014年4月28日のブックマーク (3件)

  • 第1回 Chrome Web Store/Apps概要 | gihyo.jp

    初めまして。今回よりChrome Web Store及びWeb Appsについて連載させて頂きます、吉川と申します。連載では、Web Appsの作り方から各種APIの紹介、Chrome Web Storeでの公開方法まで、解説していきたいと思います。最後までお付き合い頂ければ幸いです。 Webアプリケーションの進化 HTMLCSSJavaScriptなどで構成されるWebアプリケーション(以下、Webアプリ)は、Ajaxの登場以降も、HTML5やその関連技術によって劇的に進化しています。今では、デスクトップアプリケーションと遜色のないWebアプリも多く登場しています。通信インフラの発達や携帯用デバイスの普及、クラウドなどで、Webアプリの重要性は益々増しており、今後も大きな流れとなることは間違いありません。その中で、Chrome Web Storeは、Webアプリの普及について大きな

    第1回 Chrome Web Store/Apps概要 | gihyo.jp
  • 5分でわかるCSSグラフィック

    利用可能なfilter-functionとその効果は、下の画像を見ていただくのが早いでしょう。10個のフィルタがプリセットされており、空白区切りで重ねがけも可能です。 上記のサンプルでは静止画に対してフィルタを掛けていますが、もちろんあらゆる表示要素に対して適用できます。動画やcanvasの描画結果、さらにはWebページ全体に対してフィルタを適用することも可能です。また、animation属性などでフィルタ効果のアニメーションも可能なので、Webページによりリッチな画面効果をもたらしてくれるでしょう。 ■ CSSシェーダー 実は、filter属性の規格では、もう1つのfilter-functionとしてcustomが定義されています。まだ実装したブラウザは存在しませんが、とても強力な機能なので簡単に紹介しておきましょう。 custom関数を利用すると、WebGLのプログラマブルシェーダー

    5分でわかるCSSグラフィック
  • フォーム関連要素(1) HTML5で既存のinputタイプに加わった6つの変更点

    【2】checkboxタイプのindeterminateプロパティ checkboxタイプは、従来「オン/オフ」という2つの状態しか持ちませんでした。HTML5では、ここに「indeterminate」というプロパティが加わり、「オンかオフかはっきりしない」という第3の状態を表示できるようになりました。 indeterminateプロパティは、JavaScriptによって「true」「false」をセットできます。trueをセットした場合、対応しているWebブラウザでは「はっきりしない」状態を表すようUIが変化します(Chrome 9、Safari 5、Firefox 4、IE 9が対応済み。Opera 11は未対応)。 <input type="checkbox" id="cb">indeterminateのテスト <script> var cb = document.getElemen

    フォーム関連要素(1) HTML5で既存のinputタイプに加わった6つの変更点