タグ

html5に関するkefi3104のブックマーク (5)

  • HTMLタグ/HTMLの基本/HTML5で廃止予定の要素と属性 - TAG index Webサイト

    ジャンル別にさがせるHTMLタグリスト HTML&CSS Web制作リファレンス - ホームページの構築・運用 - HTMLタグ スタイルシート テンプレート JavaScript Webツール カラーチャート 掲示板 Home HTMLタグ HTMLの基 HTML5で廃止予定の要素と属性 HTML5で廃止予定の要素と属性 Webテンプレート HTML+CSSサンプルコード集 HTML5について HTML5は、HTML4に代わる次世代バージョンのHTMLです。 既に移行を進めているサイトもあるようですが、2011年1月現在、HTML5はまだ正式には勧告されていません。(2012年に勧告予定?) ※以下の情報は、2011年1月現在のものです。 【移行への準備として】 以下は、HTML5で廃止が予定されている要素と属性の一覧です。 これからWebサイトを構築するのであれば、(HTML5への移

    kefi3104
    kefi3104 2015/11/18
    HTML5で廃止予定の要素と属性
  • SPAがネイティブアプリをぶっ壊す:HTML5/Javascriptが変えるWebの未来 - Qiita

    はじめに タイトルは半分釣りですが、半分気で考えてもいます。 近い将来、Webアプリが今のネイティブアプリの市場を超えてくる、と仮説を立てています。 ぜひ、先人のみなさんのご意見やお考えを教えてください。 SPAについて SPAとはなにか(What) 歴史 佐川夫美雄さんのイベントレポートの一部が、非常にまとまっていてわかりやすい部分でしたので、まず引用させていただくこととします。 RIAはアプリケーション利用者に対し高い評価を得ましたが、2010年のAppleショックにより衰退の方向へ向かいます。具体的には2010年にSteve JobsがFlashを激しく批判したことに端を発します。プロプライエタリ(Proprietary Software)なFlashよりオープン性のあるHTML5を推進するようになりました。2011年にはMicrosoftがWeb開発者に対してSilverligh

    SPAがネイティブアプリをぶっ壊す:HTML5/Javascriptが変えるWebの未来 - Qiita
    kefi3104
    kefi3104 2015/11/05
    SPAがネイティブアプリをぶっ壊す:HTML5/Javascriptが変えるWebの未来
  • History APIとスマホブラウザでのハマりどころ - Qiita

    仕事でスマホ用サイトをイジっておりまして、非同期処理でのページングを 修正するに際して、History APIを触ってました。 スマホのブラウザ周りの差分で色々とハマったので、メモしておきます。 History APIとは とりあえず復習しましょう。 概要 HTML5で追加された、履歴操作のAPI。 履歴スタックに履歴を追加(push)、現在の履歴の書換(replace)、 ブラウザバック等のアクションによる履歴移動を監視する(pop)、といったことが可能になる。 history自体は以前からあって履歴の操作は画面遷移を伴っていたが、これらのAPIの追加によって、 画面遷移を行わなくともJavaScriptからの履歴操作が可能となった。 pushState 履歴をスタックに追加する。

    History APIとスマホブラウザでのハマりどころ - Qiita
  • Emmetを始めるのに、とりあえずこれだけ覚えておけば大丈夫

    バイト先で「新ゆとり世代」と言われました。れこです。 HTMLCSSを省略して書けるZen-Codingの後見、 Emmetについて書こうと思います。 やれCoffeeだTypeScriptだSassだ〜と手をつける前に、 もっと簡単に、デメリット無く作業効率をあげられます。 CoffeeScriptやSassなどのプリプロセッサ系とは違い、 CoffeeやSassの知識を開発メンバー全員が持ってないとならず、 結局自由が効かなくなる、ということはありません。 個人から使えて、チームで使ってもなお良し。 さらに、展開後のカーソルの位置がいい感じだったりと、 細かい気配りまで完璧です。 そんなEmmetを 僕が頻繁に使っている機能に焦点を当てて、紹介したいと思います。 Emmetの導入 Emmetは各種エディタ・IDEのプラグイン形式で配布されています。 お値段は無料です。 Web系の人が

    Emmetを始めるのに、とりあえずこれだけ覚えておけば大丈夫
  • ブラウザでストレージ? Web Storageを使いこなそう

    sessionStorageオブジェクトの型を参照することで、「Web Storageを利用できるかどうか」を確認できる。条件分岐することで、利用できる場合だけではなく、利用できない場合に対処することも可能だ。 では、順に使用方法を見てみよう。 ●セッション状態を管理する「sessionStorageグローバル変数」 最初に、ブラウザのウィンドウまたはタブの中でデータを共有するサンプルを記述する。 ……省略…… <script type="text/javascript"> // (1)Web Storageの実装確認 if (typeof sessionStorage === 'undefined') { window.alert("このブラウザはWeb Storage機能が実装されていません"); } else { window.alert("このブラウザはWeb Storage機能を

    ブラウザでストレージ? Web Storageを使いこなそう
  • 1