CSS CSSの優先順位とは？初心者が押さえるべき基本ルールと実践ポイント
Webサイトを制作をしていると、「合っているはずなのに、なぜこのスタイルが反映されないのか？」という壁に一度はぶつかったことがあるのではないでしょうか？その原因の多くは、「CSSの優先順位」が間違っていることにあります。この記事ではそんなお...
Ayane
CSS 
WordPress MW WP Formのエラーメッセージをカスタマイズする方法
WordPressでお問い合わせを作るときの定番プラグインだった「MW WP Form」。 開発が終了した今でも仕様的に必要で使ったり、過去に制作したサイトの修正で触ったりとなんだかんだまだ使う頻度が高いプラグインでもあります。その中で先日...
HTML hgroupタグの使い方とその役割
「見出しグループをまとめるタグ」として登場した<hgroup>ですが、「そもそも必要なの？」という疑問を持つ方も多いかもしれません。実際に仕様変更があり、非推奨（廃止予定）となっていた時期もあります。この記事では、<hgroup>の使い方と...
CSS Gridのサブグリッド（subgrid）とは？使い方と活用例
CSS Gridは強力なレイアウトツールですが、これまでの仕様では親グリッド（コンテナ）の中に配置された子要素は親のグリッドトラックを直接継承できず、個別にグリッドを設定する必要がありました。しかし、CSS Gridの新機能である「サブグリ...
デザイン 【初心者必見】Webデザイナーが最初に覚えたいWeb制作の基本用語10選
Web制作においては、デザインを作成するために特有の専門用語がたくさんあります。特に初心者のデザイナーにとっては、これらの用語を正しく理解することが重要です。この記事では、Webデザインを作成する際に頻繁に登場する基本的な用語10個を紹介し...
その他 Webサイトで使うパーツの名称をまとめてみた
Webサイトは、さまざまなパーツ（要素）で構成されています。それぞれに名称と役割があり、これらの用語を正しく理解することで、Web制作を行う上でのコミュニケーションがしやすくなります。今回は、Webサイトでよく使われるパーツの名称と役割につ...
CSS CSSだけでスムーススクロールを実装する方法
Webサイトでスムーズなスクロールを実装する場合、通常はJavaScriptを使用することが多いですが、実はCSSだけでもスムーススクロールを実現できます。今回はCSSのscroll-behaviorプロパティを使ったスムーススクロールの実...
WordPress WordPressの日本語対応しているフォームプラグインまとめ
WordPressで日本語対応のフォームを作成する際、適切なプラグイン選びが重要です。今回は実務でもよく利用する日本語対応をしているプラグインをまとめてみました！Contact Form 7Contact Form 7は、無料で使えるWor...
CSS scrollbar-gutter: stable; を使うと右に余白ができてしまうのを解消する方法
scrollbar-gutter: stable; を使用することで、スクロールバーが表示・非表示されてもレイアウトが動かないようにする効果があります。ただし、このプロパティが右側に余白を作る場合があります。今回は、scrollbar-gu...
その他 セマンティックマークアップとは？その重要性について解説
セマンティックマークアップ（Semantic Markup）は、Webデザインやフロントエンド開発において重要な概念です。Webページの構造をより意味的に表現する方法であり、検索エンジンの最適化（SEO）やアクセシビリティの向上に大きく貢献...