🍕未経験エンジニアのスキルUP＆転職応援ブログ🤟

セマンティックコーディングを理解することで、コード自体の可読性を上げ、SEOにも効果的なHTMLの記述が可能になります。

セマンティックコーディングを理解することで、コード自体の可読性を上げ、SEOにも効果的なHTMLの記述が可能になります。

コンテンツ背景に格子状のデザインやストライプのデザインを背景に引く方法をお教えします。

first-childとfirst-of-typeの違いです。この二つは似ているのでときどき混乱しますので詳しく解説します。last-childとlast-of-type、nth-childとnth-of-typeの違いもこの考え方と同じです。

今回はセレクタ解説の後編です。first-child,last-child,nth-of-type,,,などなど

「*」「+」「>」「,」これらについて書きます。セレクターを自由に使える様になると、コーディングスピード、可読性、更新性がアップします。

CSSでテキストにアンダーラインを引く方法をいくつか紹介します。普通の下線、太線、マーカー風の下線まで表現できる実装をまとめました。ブログやLP制作で、ユーザーの目線を奪うことは重要です。それにはテキストを際立たせる必要になる時があります。そんな時の為にアンダーラインの理解を深めましょう。

第７弾は配列の値を"集約"する時に便利なreduceメソッド

第６弾はsortメソッド

第５弾はeveryメソッド

第４弾は配列内の存在の有無を確認する時に便利なsomeメソッド

第3弾は繰り返し計算や指定要素だけ抽出する時に便利なmapメソッドです。