Web制作– tag –

CSSや画像を変更しても反映されないときに、ブラウザキャッシュ、サーバーキャッシュ、CDN、WordPress側の設定をどう切り分けるかを実務向けに整理します。ハードリロード、DevTools、バージョン付きURLの使い方まで確認できます。

JavaScriptでフォームの必須項目と文字数をチェックする基本を、HTML属性と組み合わせた実務向けの書き方で解説します。問い合わせフォームやWordPressサイトの入力補助を作るときに使える最小例つきです。

CSS Gridでカード型レイアウトを作る基本を、HTML/CSSの最小例、レスポンシブ対応、よくある崩れの直し方まで実務向けに整理します。WordPressの記事一覧や商品カードにも使える考え方です。

Flexboxで横並び、中央寄せ、余白調整、カードの折り返しを実装する基本パターンを、HTML/CSSの最小例とWordPressでの注意点つきで整理します。

レスポンシブデザインの基本を、viewport、メディアクエリ、画像のはみ出し、WordPressでの確認点に分けて整理します。スマホ対応で横スクロールや崩れが出るときの最小CSS例も紹介します。

CSSのclassとidの違いを、基本の書き方から実務での使い分け、よくある失敗まで整理します。HTMLやCSSを書き始めた人が、再利用しやすく保守しやすい書き方を判断したい場面で役立つ内容です。

HTMLの基本構造として使うheader・main・footerの役割と使い分けを、実務でそのまま使いやすいコード例つきで解説します。ページの主内容を整理したいときや、保守しやすいマークアップを書きたいときに役立つ入門記事です。