HTML5– tag –

クラウドストレージや PDF によりペーパーレス化が進んだ昨今ですが、プレゼンや各資料作成等で情報をプリントアウトしなければいけない場面もあるかと思います。 今回は Web アプリや Web サイトに、プリントボタンを設置したい場合の方法を説明したいと...

Bootstrap4.0 に対応した LP の HTML テンプレートを作成しました。 個人用メモとしての投稿につきスタイルシートは付属しないため、一部表示不具合がありますが、プロジェクト LP 作成時のたたき台になるかと思います。 ゼロベースからのページ作成は高コ...

今更ですが、今回は HTML5 コーディング時にいつも迷ってしまう、div, section, article の使い分け方をおさらいしておきます。 【目次】 div, section, article の使い分け方 まとめ 【div, section, article の使い分け方】 最初に言っておくと、HTML5 ...

aria-hidden プロパティ　とは、WAI-ARIA の仕様で定義されている、テキスト読み上げの有無を設定する値です。 主にアイコンフォントのタグに指定するケースがほとんどだと思いますが、今回はこの area-hidden プロパティ についてのメモしておきます。 【...

CSSのコーディング中に、16進数のカラーをRGBに変換したいときがあるので、自分用に変換ツールを作成しました。JavaScript のトップレベル関数 parseInt を使えば簡単に実装できました。 【16進数からRGBへの変換ツール】 16進数のカラーコードを入力して...

ネット上には優秀なグラデーション生成ツールはあるのですが、16進数の2値から単純なグラデーションのCSSコードを出力するだけのツールが欲しかったので、自分用に作成しました。 【グラデーションCSSコードの書き出しツール】 カラー、グラデーションの描...

CSS でグラデーションを描画する際に使用する linear-gradinet ですが、だいたいこのようなことになっているかと思います。（※IE6,7,8には対応していません） [code] .gradient-sample { background: #ffffff; background: -moz-linear-gradient(top, #fff...

HTML5/CSS3/JavaScript は従来のWebページ作成のためだけの仕様ではありません。 Webアプリケーションの開発時に、HTML固有の動作を別のメソッドに置き換えて処理しなければいけないようなとき、今回の preventDefault が必要になります。 更新履歴 [2014....

Webアプリケーション開発においてWebStorageを使用する機会があったので、使い方をメモしておきます。 とても便利な機能なので、アプリの設定等の保存に活躍するかと思います。 【WebStorageについて】 種類 以下の2つのストレージがありますが、データの...

CSS3までの擬似クラスの一覧リストを作成しました。 HTML5/CSS3であればjQueryを使わなくても、ちょっとしたデザインやレイアウトなら実現できることが分かります。 【CSS1からCSS3までの擬似クラス一覧】 CSS1 擬似クラス ターゲット :link 未訪問のリン...