サクッとWEBサイトを作る「SAKUWEB(さくうぇぶ)」

tags:見出しタグ

Bootstrap下層ページのリンク集を作ろう 2023年5月25日

Bootstrap下層ページのリンク集を作ろう

カードデザインで、WEBサイトの導線として下層ページのリンク集を作ってみましょう。

TRY to MAKE
BootstrapData属性と疑似要素でデザインしよう 2023年5月17日

BootstrapData属性と疑似要素でデザインしよう

HTMLのdata属性と、cssの疑似要素、attr関数の合わせ技でデザインする方法を学びます。

TRY to MAKE
Bootstrap見出しに斜線、画像を楕円にしてみよう 2023年5月15日

Bootstrap見出しに斜線、画像を楕円にしてみよう

見出しに斜線を入れる方法や、背景画像を楕円にする方法、背景画像の位置指定などを学びます。

TRY to MAKE
Bootstrapブロークングリッドレイアウトを作ろう 2023年5月10日

Bootstrapブロークングリッドレイアウトを作ろう

ブロークングリッドレイアウトやインライン要素・ブロック要素を学びます。

TRY to MAKE
Bootstrapおしゃれな見出しデザインを作ろう! 2023年5月9日

Bootstrapおしゃれな見出しデザインを作ろう!

cssを使って見出しデザインを作ります。縁取りや文字色の透過、影の付け方などを学びます。

TRY to MAKE
Bootstrap見出し(タイトル)を入れてみよう 2022年10月31日

Bootstrap見出し(タイトル)を入れてみよう

Bootstrapで見出しを作っていきます。タイトル名を見出しとしてマークアップする方法や、見出しタグのルールを学びます。

TRY to MAKE
Bootstrapレスポンシブデザインを学ぼう 2022年10月30日

Bootstrapレスポンシブデザインを学ぼう

レスポンシブ対応とは何かを学んで、レイアウトを実践で組んでいきましょう。スマホサイトでどのように表示されるのかも一緒にみていきます。

TRY to MAKE
Bootstrapナビゲーションを作ろう! 2022年10月29日

Bootstrapナビゲーションを作ろう!

Bootstrapスターターテンプレートをつかってナビゲーションを設置していきます!ついでにレスポンシブデザインの概念を学びます!

TRY to MAKE
Bootstrapテンプレートのコードを編集しよう 2022年10月12日

Bootstrapテンプレートのコードを編集しよう

Bootstrapのスターターテンプレートをいじってみよう!headタグやbodyタグなども学びます。

TRY to MAKE
Back To Top