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

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

New Post

サーチコンソール 2023年2月1日

[Tips]サーチコンソールでサイトマップを登録しよう

サーチコンソールは検索パフォーマンスに関するSEO対策に必要なデータを得られます。まずはサイトマップを登録しましょう。

TRY to MAKE
2022年12月9日

[Tips]「WebP」「AVIF」画像変換ツール

次世代画像フォーマットの「WebP」と「AVIF」の変換ツールをご紹介します。

TRY to MAKE
2023年1月15日

Bootstrapセカンドページの土台を作ろう!

セカンドページを構築するための準備を学んでいきます。ナビゲーションを変更して、階層を作って、リンクを修正していきます。

TRY to MAKE
2022年11月24日

Bootstrapナビ固定と戻るボタン

サイトの可読性や操作性を上げるため、ナビゲーションの固定とページTOPに戻るボタン設置を学びましょう。

TRY to MAKE
2022年11月22日

[Tips]デベロッパーツールを使おう!

WEBサイトのエラーやスピード検証、コードシミュレーションなど、開発者向けの検証ツール「デベロッパーツール」の使い方とテキストエディタとしての活用方法をご紹介!

TRY to MAKE
2022年11月21日

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

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

TRY to MAKE
BlogList

Bootstrap Learning

2023年1月15日

Bootstrapセカンドページの土台を作ろう!

セカンドページを構築するための準備を学んでいきます。ナビゲーションを変更して、階層を作って、リンクを修正していきます。

TRY to MAKE
2022年11月24日

Bootstrapナビ固定と戻るボタン

サイトの可読性や操作性を上げるため、ナビゲーションの固定とページTOPに戻るボタン設置を学びましょう。

TRY to MAKE
2022年11月21日

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

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

TRY to MAKE
2022年11月4日

BootstrapFooterを作っていこう

BootstrapでFooterエリアを作りましょう!全ページのリンクやSNSボタンなど外部コンテンツへの誘導、著作権表記などを組み込みます。

TRY to MAKE
2022年11月4日

Bootstrapお問合せ(電話)ボタンを作ろう

Bootstrapのアイコンを使ってお問合せ(電話)ボタンを作ろう!スマホで電話を掛けられるよう、Displayで表示・非表示を学びます。

TRY to MAKE
2022年11月4日

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

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

TRY to MAKE
2022年11月3日

Bootstrapテーブルをつくろう

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

TRY to MAKE
2022年11月3日

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

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

TRY to MAKE
2022年11月3日

Bootstrapグリッドシステムを学ぼう

Bootstrapのグリッドシステムを学んで、いろんなレイアウトの組み方を学びます。また入れ子レイアウトも一緒に学びます。

TRY to MAKE
2022年11月3日

Bootstrapカードデザインを学ぼう

Bootstrapカードデザインは、柔軟性や拡張性が高いコンテナなので、画像を組み込んだり、線を消したりして、素敵なデザインを作ります。

TRY to MAKE
Back To Top