HTML、CSS

ゆっくりムービーメーカー（YMM）で作成した動画を課題やプレゼンテーションで活用する際、「MP4のファイル名はこれでよいのか」「ホームページ形式で発表するべきか」と悩むことがあります。本記事では動画ファイル名の注意点から、プレゼンに適した発...

HTMLで動画をWebページに埋め込みたい場合は、HTML5のvideoタグを利用するのが一般的です。しかし、動画が表示されても再生ボタンが出ない、黒い画面だけ表示される、音声が再生されないといったトラブルに遭遇することがあります。本記事で...

ChatGPTでプログラミングのコード生成を行っていると、突然「使用制限に達しました」と表示されることがあります。特にWebアプリ開発や既存コードの修正作業では、以前より少ない回数で制限に到達したように感じるケースもあります。この記事では、...

Chromeでネット通販などのフォームに入力すると、過去に入力した情報が候補として表示されることがあります。郵便番号や氏名、電話番号まで自動で候補として出る仕組みについて理解すると、不要な候補の削除や管理も可能になります。この記事では、in...

A8.netでTikTok関連のアフィリエイト広告を取得し、HTMLに貼り付けたところ、なぜか海外サイトへリダイレクトされてしまうケースがあります。特に「自分だけおかしいのでは？」と不安になる人も多いですが、実は広告コードの仕様や貼り付け環...

OBSでは「ブラウザソース」を利用することで、自作HTMLをオーバーレイとして表示できます。しかし、実際にHTMLを読み込ませると、「表示はされるのに動かない」「CSSアニメーションが止まる」「JavaScriptが反応しない」と困るケース...

久しぶりにホームページ制作をすると、「ロゴ画像の左右に余白ができる」「画面端まで広がらない」「なぜか白い隙間が残る」といったCSSのレイアウト問題に悩まされることがあります。特に10年近く前のHTML/CSS知識で再開すると、現在のブラウザ...

ホームページでパソコンやスマートフォンの画面にキービジュアル画像をフルスクリーンで表示させたい場合、CSSの記述方法と設置場所が重要です。ここでは具体例と適切な設置場所を紹介します。1. CSSの設置場所CSSはHTMLの内に<sty...

Seesaaブログのデザインをカスタマイズする際、タイトルの文字サイズや色を変更したいという要望はよくあります。しかし、デフォルトのHTMLではフォントサイズやカラーの指定が含まれていないため、CSSを使った設定が必要です。CSSでタイトル...

Figmaで作成したデザインをHTMLやCSSとして書き出す方法は複数あります。この記事では、初心者でも扱いやすく、無料または低価格で利用できるツールやプラグインを比較し、実際にどのように出力できるかを解説します。Figmaの公式エクスポー...