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

tags:レイアウト

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

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

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

TRY to MAKE
Bootstrapレスポンシブ対応の時短コーディングを学ぼう 2023年5月19日

Bootstrapレスポンシブ対応の時短コーディングを学ぼう

時短コーディングの方法を学びます。

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

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

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

TRY to MAKE
Bootstrapスマホサイトを最適化しよう! 2022年11月21日

Bootstrapスマホサイトを最適化しよう!

スマホサイトで最適にレイアウトができるように、デベロッパーツールを利用してスマホ表示を確認します。

TRY to MAKE
Bootstrapお知らせリストを作ろう 2022年11月4日

Bootstrapお知らせリストを作ろう

Bootstrapの「リスト」を作って、お知らせとお問合せを2カラムで作ります。見やすくするために仕切り線も作ります。

TRY to MAKE
Bootstrapテーブルをつくろう 2022年11月3日

Bootstrapテーブルをつくろう

エクセルでも使われるテーブルをBootstrapでも利用できます。tableタグでフロアガイドを作っていきましょう。

TRY to MAKE
Bootstrap空白カラム(Offset)を学ぼう 2022年11月3日

Bootstrap空白カラム(Offset)を学ぼう

Bootstrapのoffset(空白カラム)を使って、1カラムレイアウトを作ります。背景画像を暗くする方法も学びます。

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

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

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

TRY to MAKE
Back To Top