🍕未経験エンジニアのスキル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制作で、ユーザーの目線を奪うことは重要です。それにはテキストを際立たせる必要になる時があります。そんな時の為にアンダーラインの理解を深めましょう。

GSAPのScrollTriggerのプラグインを使ってスクロールに連動したアニメーションを実装します。

複数の要素が連動するアニメーションをコントロールする方法を解説します。

GSAPの基本的なメソッドやプロパティを中心に学び、シンプルな動きを自分で作れるようになります。

簡単にアニメーションを実装できる「GSAP」の概要を説明します。

UdemyのJavaScript学習におすすめのコースを紹介します。