Webサイトを作るうえで欠かせないのがHTMLやCSSといったマークアップ言語（プログラミング言語ではありません）です。ここでは、初心者向けにHTMLやCSSを丁寧に解説しています。
HTML・CSS
「overflowは、どんな時に使うの?」、 「overflowは、どんなことができるの?」 こんな印象を持っている人はいませんか？ 使うタイミングがいまいち分からないプロパティだ、と。確かに、overflowは頻繁に使…
HTML・CSS
「見出しタグは6種類あるけど、どれをどこで使えばいいの？」 「hタグにはSEO対策としての効果はどの程度なの？」 サイトを制作していると見出しタグを使わないことの方が珍しいでしょう。それほど頻繁に使う「hタグ」ですが、そ…
HTML・CSS
「widthの種類はあるけど、とりあえずwidthしか使っていない。」 「maxやminのwidthをいつ使えば良いのか、その状況が想定できない」 こんな思いを持っていませんか?「width」の設定だけで十分ではないか、…
HTML・CSS
「使っているデバイスによってフォントの見え方が違うが、どうにかならないか」 「指定方法がよくわからず、いつもサンプルをコピペしている」 こんな経験をされたことはないでしょうか? 私がWebデザインを学習し始めた頃は、特に…
HTML・CSS
「思い通りにコードが動かない。みんなどう解決しているの?」 「思い通りのデザインにならず、時間だけが過ぎていく。」 誰もが一度はこう思ったことがあるはずです。思い通りの挙動にならないことが当たり前の世界とは知りつつも、エ…
HTML・CSS
「テキストが中途半端なところで折り返される」 「英語や文字がはみ出てしまう」 こんな悩みを持ったことはありませんか？ 小さなことですが、サイトの印象に関わる深刻な悩みの一つです。例えば、見出しに英語が含まれていて、それが…
HTML・CSS
「headについてはあまり意識した事がない。」 「何がhead内の必要要素なの、いまいち分かっていない。」 このような思いは、HTMLの学習を始めたばかりの人にとっては自然です。head内の書き方よりもbody内のコーデ…
HTML・CSS
サイトのコンテンツはテキストだけだと単調になりがちですが、吹き出しがあると目を引きますし楽しくなりますよね。また、会話形式のコンテンツが吹き出しで作られていると親しみが湧くはずです。この吹き出し、画像は使わずにCSSだけ…
HTML・CSS
「CSSでグラデーションを実現できることは知っているが、使ったことはない。」 「どんな場面で、グラデーションを使えばいいのか、わからない。」 CSSで「グラデーション」と聞いて、実際に上記の意見が皆さんの率直な感想ではな…
HTML・CSS
「文字の単位が複数あって、結局どれを使えばいいのかわからない。」 「文字単位のそれぞれの特徴がよくわかっていない。」 文字サイズの単位にこのような感想を感じた人は、htmlの学習を始めたばかりの人には多いのではないでしょ…
HTML・CSS
レスポンシブ対応は難しい、と学習を始めたばかりの人は思いませんか。 そして、意外なところでレイアウトが崩れ、その修正に時間がかかりすぎるという問題に直面した人もいませんか？ 確かに難しい、でも、制作回数を増やすことで慣…
HTML・CSS
「transitionって何?」 「CSSだけでボタンに動きをつけたりしたい」 「transition」と聞いて、「あのプロパティね」とすぐに思い出す人は初学者はほとんどいないのではないでしょうか? 初心者向けのCSSテ…
HTML・CSS
「backgroundの値の設定方法が分からない。」 「backgroundでどういった使い方ができるの？」 CSSを学びはじめると、こんな疑問を抱いたことのある人も多いのではないでしょうか？ backgroundでは背…
HTML・CSS
「transformは何ができるの?」 「transformはどんな時に使うの?」 そもそも、「transform」自体に馴染みがないという人が多いのではないでしょうか？ですが、この効果はWebデザインに携われば必ず目に…
HTML・CSS
コンバージョン率にも大きく関係のあるボタンのデザイン。自分で作るとなるとCSSをたくさん書く必要があったり、書いてみても思ったようにできなかったりと大変ですよね。 そこでHTMLとCSSだけで作れるボタンのデザインのサン…
HTML・CSS
「borderの幅の指定によってレイアウトが崩れることがある」 「border指定は、よく使うけど、どのような場面で使えるのかよくわからない。」 初学者が感じるよくある疑問です。CSSでWebをデザインする際に、高い頻度…
HTML・CSS
「divタグって、使い方が決まっていない分、分かりづらい。」 「どんな時にdivタグを使うの?」 こんな疑問を感じていませんか？何にでも使える「divタグ」だからこそ、逆にその使い方がわからなくなってしまいます。全てのタ…
HTML・CSS
「Flexboxは、どんなことができるのか、いまいち分かっていない。」 「Flexboxって、横並び機能のfloatやdisplayとどう違うの?」 CSSの学習を始めた人の中には、こう思う人もいるでしょう。Flexbo…
HTML・CSS
「CSSの指示が効かない。どうして?」 「CSSが効かなかった。修正に時間がかかりすぎる。」 正しいCSSの設定が効かないことがよくありますし、「効かない」ことをどうにかしようとして、更に設定が複雑になり、収集がつかなく…
HTML・CSS
「擬似要素って、なんとなくとっつきづらい」 「擬似要素で表現できるものは、CSSに書けばよくない?」 こんなイメージを「擬似要素」に持っていませんか？ 特に、アイコン表示などは、CSSでも実現できるのに、なぜ擬似要素なの…
