ホームページ（ウェブサイト）制作において、HTMLファイル内にメモや注釈を残すために使用されるソース中コメントは、制作者同士のコミュニケーションやコードの管理において非常に便利な機能です。コメントとして囲まれた部分のテキストは、ブラウザの画面上には表示されず、検索エンジンの検索結果画面にも基本的には表示されません。そのため、複雑なレイアウトの開始位置や終了位
Daily Archives: 2026年1月12日
ホームページ（ウェブサイト）制作において、複数の情報や項目を整理し、ユーザーにとって分かりやすく提示することは非常に重要です。その際に頻繁に使用されるのが、リスト（箇条書き）を作成するためのHTMLタグである「li」「ul」「ol」です。 ホームページ（ウェブサイト）上で情報を羅列する際、単に改行を繰り返して文章を並べるだけでは、構造が明確になりません。「u
htmlタグ｜li（リスト）・ul（順不同）・ol（番号順）
ホームページ（ウェブサイト）制作において、文字の色や要素の透明度を制御することは、デザインの印象を決定づけるだけでなく、ユーザーへの情報の伝わりやすさに直結します。 かつてのCSSでは、colorプロパティには16進数（#000000など）やカラーネーム（red、blueなど）を指定し、単純にテキストに色をつけるだけの役割が主流でした。しかし、現在のモダンな
CSS｜color（カラー、文字色）とopacity（透明度）
ウェブの利用におけるホームページ（ウェブサイト）の運営・活用失敗要因の基本的なケース 実際に稼働しているサイトの構造などではなく、「ホームページとの親和性」など根本原因的な事柄になります。ホームページ運営の概要について触れた後、実際にホームページ運営・活用が失敗する要因のパターンについてお伝えしていきます。ホームページ運営・活用が失敗する要因として、まずは、インターネット、ホームページとの親和性です 検索ユーザーとの親和性の問題に加え、サービス紹介ページで問い合わせの決定要因が不足するライティングの落とし穴について言及しています。事実の羅列から抜け出し、事業の成果につなげるための具体的な改善策
ホームページ運営・活用が失敗する要因 基本編＋サービスページのライティング改善策
ホームページ（ウェブサイト）のデザインにおいて、文章と画像を美しく配置することは、ユーザーの閲覧体験を向上させるために非常に重要です。その中で、画像などの要素を左や右に寄せ、その周囲にテキストを回り込ませるレイアウトを実装する際に活躍するのが、CSSプロパティの「float（フロート）」と「clear（クリア）」です。 近年ではFlexboxやCSS Gri
CSS｜float（フロート）とclear（クリア）FlexboxやCSS Gridへの移行
京都市右京区にある嵯峨天皇の「嵯峨山上陵」に行きました。嵯峨山上陵は「さがのやまのえのみささぎ」と読むそうです。 北嵯峨の風致地区、大覚寺の近くにあり、山の上にある宮内庁管轄の天皇陵ですが、登ると京都市内を見渡すことができ、遠くには京都タワーも見えます。 嵯峨山上陵はひたすら石段で登っていくことになります。 嵯峨山上陵 登り口~石段 嵯峨山上陵の登り口です。
嵯峨天皇 嵯峨山上陵へ 京都市右京区
ホームページのアクセシビリティ向上を考える上で、音声読み上げ機能への配慮は重要なテーマです。かつてCSSには、音声ブラウザやスクリーンリーダー向けに読み上げの音量や声の高さ、発音方法などを細かく制御するためのプロパティが多数用意されていました。しかし、これらは現在では非推奨、または廃止された扱いとなっています。この記事では、過去に使用されていたこれらの音声プ
【非推奨・廃止】CSSの音声プロパティ（volume・speak・pitch等）の概要と現在の扱い
ホームページ（ウェブサイト）制作において、四角い画像や要素を円形にくり抜いたり、複雑な多角形で切り取ったりする視覚的な表現は、デザインのクオリティを大きく引き上げます。かつて、このような要素の切り取り（クリッピング）をCSSのみで実現するために利用されていたのが「clip」プロパティでした。 しかし、Web技術が進化し、より高度で柔軟な表現が求められるように
CSS｜clip・clip-path 要素の切り抜き表現と描画
ホームページ（ウェブサイト）制作において、特定のテキストや画像を意図的に隠したり、ユーザーの操作に合わせて表示させたりする動きは頻繁に使用されます。この「要素の表示と非表示」をコントロールするために使用される代表的なCSSプロパティが、「display（ディスプレイ）」と「visibility（ビジビリティ）」です。 これら二つのプロパティは、どちらも画面上
CSS｜display（ディスプレイ）・visibility（ビジビリティ）要素の表示と非表示
ホームページ（ウェブサイト）制作において、ユーザーからの問い合わせや資料請求を獲得するための「入力フォーム」は、事業の成果に直結する非常に重要な要素です。そのフォーム内で、都道府県の選択や、希望するサービス内容の選択など、複数の選択肢を提示する際に使用されるのが、HTMLの「select」「datalist」「option」「optgroup」といったタグで
htmlタグ｜select・datalist・option・optgroup フォームの選択肢とグループ化
ホームページ（ウェブサイト）制作において、日本語や英語などの「左から右」へ読む言語だけでなく、アラビア語やヘブライ語のような「右から左」へ読む言語を正しく表示することは、グローバルに事業を展開する上で非常に重要です。このテキストの書字方向（文字が流れる向き）を根本からコントロールするために使用されるのが、CSSプロパティの「direction」と「unico
CSS｜direction・unicode-bidi 書字方向の指定
ホームページ（ウェブサイト）制作において、マウスカーソルの形状やユーザーのクリック操作、テキストの選択動作などを適切に制御することは、使いやすいユーザーインターフェース（UI）を構築する上で非常に重要です。 かつては、要素の上にマウスを乗せたときのカーソル形状を変更する「cursor」プロパティのみが注目されがちでした。しかし、現代の多様なデバイスや複雑なレ
CSS｜cursor・pointer-events・user-select カーソル、クリック、テキスト選択のUI制御
