Tag

22件

HTML

[アクセシビリティ] アイコンフォントの要素にaria-labelなどを追加するときの観点

アイコンフォントの前提 / アクセシビリティの目的 / 実装 / 関連

[アクセシビリティ] 画像に代替テキスト(alt)を追加するときの観点

概要 / img 要素の alt 属性の入れ方 / Alt 属性決定木 / 実装 / 参考リンク

[HTML] meta keywords の記述は SEO として不要

TL;DR / meta keywords とは / meta keywords と SEO との関係性 / meta keywords を記述したままで良いのか / まとめ / 参考

[HTML] メールアドレス・電話番号などの入力フォームのUXを考える

背景 / 各項目の仕様 / フォームの機能 / 参考

[Google Fonts] 読み込みのパフォーマンスを向上させる方法

display=swap / 読み込みスクリプト / 参考

[HTML] <template>要素について

template 要素とは / template 要素の特徴 / 使い方 / その他

IE11などレガシィブラウザを意識したWebP画像の表示方法

WebP とは / 実装方法 / デモ / おわり

[HTML] inputの入力候補をdatalistで実装する方法

対象仕様 / detalist を使う / デモ

CDATAセクションは書く必要があるのか

背景 / そもそも CDATA セクションとは / 現代での CDATA セクションの扱い / まとめ / 参考

阿部寛のホームページをモダン化する

謝辞 / コンセプト / 手法 / 完成

[SyntaxHighlight] Google Code PrettifyからPrism.jsに変更した時に気をつけたこと

概要 / Google Code Prettify / Prism / Google Code Prettify から Prism に乗り換え

input[type=file]で選択するファイルを画像のみに制限する方法

HTML5 の accept属性 を使う / JavaScript で選択したファイルをチェックする

<b>と<strong>の違い

違い / 参考

[CSS] 究極のIE対策

条件付きコメント / メディアクエリを利用して IE10〜IE11 に対応する

[HTML] title属性内などで改行する方法

コード / サンプル