WEB制作 なぜWebサイトに「動き」が必要なのか？
Webサイトの魅力は、ただ情報が並んでいるだけではありません。ユーザーがボタンにマウスを合わせると色が変わったり、新しいコンテンツが画面に滑らかに表示されたりするような、視覚的なフィードバックが、ユーザー体験を豊かにします。この「動き」を生...
CSS
WEB制作 
WEB制作 Webサイト制作の旅に出よう！
プログラミングに興味はあっても、「何から始めたらいいか分からない」「本を読んでも挫折してしまう…」そんな風に感じていませんか？Webサイト制作は、専門的な知識がなくても、HTMLとCSSの基礎さえあれば誰でも始めることができます。 この記事...
WEB制作 GridとFlexbox、どちらを使うべき？
どちらも要素を配置するための機能ですが、それぞれ得意なことが違います。例えるなら、Flexboxは「横や縦に一列で並べる」のが得意なスペシャリスト、Gridは「縦横の格子で全体を設計する」のが得意な建築家です
WEB制作 Webサイトの「設計図」を描こう！
**CSS Grid（グリッド）です。Gridは、Webサイトの全体的なレイアウトを縦横の格子（グリッド）**で定義するのに最適な方法です。まるで建築家が家の設計図を描くように、あらかじめWebページの配置を決めることができます。
WEB制作 Flexboxの力を最大限に引き出そう！
Flexboxの「親要素（コンテナ）」と「子要素（アイテム）」それぞれに設定できる、さらに便利なプロパティを紹介します。これらを使いこなせば、Webサイトのデザインの幅がぐっと広がります。
WEB制作 Webサイトの「配置」を思い通りに操る！
Webページの配置を自由自在に操るためのCSSの力が登場します。今回は、特に重要で現代のWeb制作に欠かせない**「Flexbox（フレックスボックス）」**というレイアウト方法について、初心者の方でもすぐに使えるように、その基本的な考え方と使い方を解説します。
WEB制作 セレクタを組み合わせて、もっと自由に装飾しよう！
CSSの基本であるタグ、クラス、IDセレクタを学びましたね。これらを使いこなすだけでも、Webサイトの見た目を大きく変えられます。
WEB制作 CSSの「誰に？」を正確に指定する
前回の記事で、CSSがWebサイトを装飾する魔法だと学びましたね。その魔法をかけるとき、「どの部分に魔法をかけるか？」を正確に指定する必要があります。
この「誰に？」を指定する役割を担うのが、セレクタです
WEB制作 HTMLとCSSの力を合わせて、Webページを作ろう！
これまで、Webサイトの「骨組み」を作るHTMLと、「見た目」を整えるCSSについて学んできました。今回は、いよいよこの二つの魔法を組み合わせて、あなただけのWebページを実際に作ってみましょう。
WEB制作 Webサイトに命を吹き込む「CSS」の魔法
前回の記事で、HTMLタグを使ってWebサイトの「骨組み」を作る方法を学びましたね。でも、HTMLだけのWebサイトは、まるでモノクロのスケッチのようで、ちょっと物足りないかもしれません。 そこで登場するのが、**CSS（Cascading...