HTML/CSS

HTML/CSS

ファーストビュー 【初心者向け】無料教材からパターンを2つ紹介 (2/2)

ファーストビュー 、あるいはキービジュアルなどと呼ばれる、Webサイトを開くと初めに目に入る部分。 初心者向けに、無料教材から2つのパターンを紹介する2回目です。 今回は、こちらも初心者には鉄板の良教材、『くりnote』を参照さ...
HTML/CSS

ファーストビュー 【初心者向け】無料教材からパターンを2つ紹介 (1/2)

サイトの一番顔になるであろうファーストビュー。 呼び方は「ファーストビュー 」とか「キービジュアル」とかいろいろ呼び方があるみたいですが、とにかくサイトを開くと最初に目に入る部分です。 いろいろなパターンがあってバリエーションに...
HTML/CSS

ハンバーガーメニュー【初心者向け】簡単なパターンを2つ紹介 

HTML/CSSを学習の初期の段階で、最初のハードルの1つがハンバーガメニューだと思います。 普段はコピペするだけですが、多少のアレンジをしようとすると意外と苦労指定しまい、理解がかなりあやふやなのを痛感しました。 そこで、今回ハンバー...
HTML/CSS

ヘッダーの書き方パターン3選!無料の学習サイトで基本を学ぶ

HTML/CSSの学習を始めると、初期の頃につまずくヘッダーの書き方。 ロゴが左にあって、右側にグローバルメニューがあって、中央揃えはどうするとか、スクロールしても固定するにはどうするかとか。。。 いくつかパターンをつかんでおけ...
HTML/CSS

ボタンのホバーアニメーション3選【初心者でもコピペでOK】

初心者でもコピペでできるホバーアニメーションを3つまとめました。ボタンにカーソルを当てた時、ボタンに動きをつけたいときに活用できます。
タイトルとURLをコピーしました