レスポンシブ対応は難しい、と学習を始めたばかりの人は思いませんか。 そして、意外なところでレイアウトが崩れ、その修正に時間がかかりすぎるという問題に直面した人もいませんか？　 確かに難しい、でも、制作回数を増やすことで慣…

「transitionって何?」 「CSSだけでボタンに動きをつけたりしたい」 「transition」と聞いて、「あのプロパティね」とすぐに思い出す人は初学者はほとんどいないのではないでしょうか? 初心者向けのCSSテ…

「backgroundの値の設定方法が分からない。」 「backgroundでどういった使い方ができるの？」 CSSを学びはじめると、こんな疑問を抱いたことのある人も多いのではないでしょうか？ backgroundでは背…

「transformは何ができるの?」 「transformはどんな時に使うの?」 そもそも、「transform」自体に馴染みがないという人が多いのではないでしょうか？ですが、この効果はWebデザインに携われば必ず目に…

コンバージョン率にも大きく関係のあるボタンのデザイン。自分で作るとなるとCSSをたくさん書く必要があったり、書いてみても思ったようにできなかったりと大変ですよね。 そこでHTMLとCSSだけで作れるボタンのデザインのサン…

「borderの幅の指定によってレイアウトが崩れることがある」 「border指定は、よく使うけど、どのような場面で使えるのかよくわからない。」 初学者が感じるよくある疑問です。CSSでWebをデザインする際に、高い頻度…

「divタグって、使い方が決まっていない分、分かりづらい。」 「どんな時にdivタグを使うの?」 こんな疑問を感じていませんか？何にでも使える「divタグ」だからこそ、逆にその使い方がわからなくなってしまいます。全てのタ…

「Flexboxは、どんなことができるのか、いまいち分かっていない。」 「Flexboxって、横並び機能のfloatやdisplayとどう違うの?」 CSSの学習を始めた人の中には、こう思う人もいるでしょう。Flexbo…

「CSSの指示が効かない。どうして?」 「CSSが効かなかった。修正に時間がかかりすぎる。」 正しいCSSの設定が効かないことがよくありますし、「効かない」ことをどうにかしようとして、更に設定が複雑になり、収集がつかなく…

「擬似要素って、なんとなくとっつきづらい」 「擬似要素で表現できるものは、CSSに書けばよくない?」 こんなイメージを「擬似要素」に持っていませんか？ 特に、アイコン表示などは、CSSでも実現できるのに、なぜ擬似要素なの…