魅力的な404エラーページを作成！設置方法を静的HTMLとWordPressで解説
オリジナルの404エラーページを作成・設置する方法を解説します。静的なHTMLサイトとWordPressサイトの場合に分け、具体的な手順や記述例を紹介。SEOにも配慮した404ページでユーザー体験を向上させましょう。
Webサイトをダークモードに対応させる方法 | システム設定連動から切り替えボタンまで
Webサイトをダークモードに対応させるための実装方法を解説します。システムの設定に連動させる方法と、ページ内にダークモード/ライトモードを切り替えるボタンを設置する方法を、具体的なコード例を交えて説明します。
簡単にダークモード対応サイトにできる”Darkmode.js”の使い方
webサイトを簡単にダークモード対応サイトにすることができる”Darkmode.js”の使い方を紹介していきます。“Darkmode.js”は、すでに出来上がっているサイトにも数行のコードを追加するだけでサイトをダークモードに対応させることができるライブラリです。
HTMLのautocomplete属性とは？フォーム入力支援の基本から応用まで徹底解説
HTMLのautocomplete属性は、ユーザーがフォームにデータを入力する際、過去に入力した内容やブラウザが推奨する値を候補として表示し、入力の手間を省くための便利な機能です。 この記事では、autocomplete属性の基本的な使い方から、指定できる値の種類、利用する上での注意点までを詳しく解説します。
日本国内のデバイス別ディスプレイサイズ（解像度）シェア【2024年12月】
日本国内のデバイス別のディスプレイサイズ（解像度）のシェア状況を調べてみましたので、デバイス別（デスクトップ、タブレット、スマートフォン）にそれぞれサイズとシェアをまとめておきます。
各種CSSリセットの比較
いろいろなブラウザのユーザーエージェントスタイル(UserAgentStyle)の違いによる表示のズレを統一するために、公開されているCSSリセットを利用する方も多いかと思います。 今回は、最近よく使われている各種CSSリセットについて、主なHTML要素への適用結果とそれぞれのファイルサイズについて比較してみました。
iPhoneのディスプレイサイズまとめ
iPhone 12シリーズの登場以降、iPhoneのディスプレイサイズはバリエーションが結構多い状態になっています。 そこで今回は各モデルのiPhoneのディスプレイサイズを、モデル毎とディスプレイサイズ毎とでそれぞれまとめて集計してみました。
CSSのメディアクエリなしで作るレスポンシブレイアウト
レスポンシブなレイアウトを作成する方法としてCSSのメディアクエリが使われることが多いかと思いますが、今回はCSSのメディアクエリを使わずにレスポンシブなレイアウトを作成する方法について紹介していきたいと思います。 簡単な例として、ディスプレイ幅に応じてカラム数を変化させる場合の記述例などについて紹介していきます。
CSSのメディアクエリを使ってレスポンシブレイアウトを作成する方法
今回はCSSのメディアクエリを利用してレスポンシブなレイアウトを作成する方法についてお話ししていきたいと思います。 前半部分でメディアクエリについて紹介し、後半で実際の記述例を紹介しながらCSSのメディアクエリを利用して […]
CSSのGrid Layoutを使って簡単なレイアウトを作成する方法とコード生成ツールの紹介
CSSのGrid Layoutを利用すると、シンプルなレイアウトから複雑なレイアウトまで色々なレイアウトを作成することができます。 この記事では、CSSのGrid Layoutについてなるべくわかりやすさを優先して、行と列がきれいに整列しているようなシンプルなレイアウトを作成する方法についてお話ししていきます。