Tag

HTML

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

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

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

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

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

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

バックエンドから返却される規定画像要素に対してLazyload（遅延読み込み）をフロントエンドだけで実現させる

Lazyload（遅延読み込み）とは / 実施条件（縛り） / 実装 / 参考

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

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

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

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

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

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

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

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

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

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

文字化けしないように文字コードの違うページへフォームをPOST/GETする方法

方法

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

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

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

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

[Firefox] リロードしてもチェックボックス等の値が維持されてしまう問題の対処法

サーバサイド / フロントエンド

<b>と<strong>の違い

違い / 参考

[HTML] セレクトボックスの隠れた文字を表示させる方法

コード

[CSS] 究極のIE対策

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

[JavaScript] Submit時の確認ダイアログの表示方法

表示方法

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

コード / サンプル