Jiro

今回はいよいよ「模写コーディング」の最終回、CSSを指定していきます。「模写コーディング」で最も難しく、時間がかかるのがCSSを指定することになります。最初の内は分からない部分が沢山あると思いますので、あまり考え込まずに、まず分かるところか...

今回は「模写コーディング」実践編になります。前回、「模写コーディング」を行うための事前準備についてご紹介させて頂きました。まだご覧頂いてない方は、先に以下の記事をご参照頂くとスムーズに取り組めると思います。それでは早速「模写コーディング」に...

今まで、HTMLとCSSの基礎について学習してきましたが、基本的な用語や使い方にだいぶ慣れてきたのではないでしょうか。また、用語の学習がかなり続いたので、そろそろ飽きて来てしまったかたもいらっしゃると思います。そこで、今回は、Web制作の楽...

今回は「ポジショニング」についてご紹介させて頂きます。使用するプロパティは、「position」になります。入り口はそれほど難しく感じないかもしれませんが、奥が深いのが「ポジショニング」になります。必ずご自身でコーディングしながら、実際にど...

今回は、「float」についてご紹介させて頂きます。以前はグローバルメニューを作成するのによく使用されたプロパティですが、フレックスボックスやグリッドの登場でその使用頻度はかなり少なくなってきています。但し、本来の使用目的である、画像を包み...

今回は、「グリッドレイアウト」についてご紹介させて頂きます。グリッドレイアウトをマスターすると、サイト内に様々なレイアウトを作成出来るようなりますので、しっかりと学習していきましょう。Gridの基本的な使い方元になるデータHTML <bod...

今回は、「フレックスボックス内での配置」について学習します。前回は「display: flex;」を使って親要素の中で、どのように子要素を並べ替えるのかを学習しました。今回は、横に並べた子要素をどのように配置するのかを見ていきます。使用する...

今回は、「フレックスボックス」についてご紹介させて頂きます。CSSを学習する上でも大きなポイントの一つですので、ゆっくりとしっかり身につけるようにしてください。実際にご自身で記述するのはもちろん、「フレックスボックス」について書かれた記事が...

今回は「リンクの装飾」についてご紹介させて頂きます。リンクの装飾には様々な手法がありますが、ここでは擬似クラスを使った装飾を中心にご紹介させて頂きます。特にグローバルメニューを作成する際によく使われるものですので、しっかりと覚えておきましょ...