New Post

[Tips]サーチコンソールでサイトマップを登録しよう
サーチコンソールは検索パフォーマンスに関するSEO対策に必要なデータを得られます。まずはサイトマップを登録しましょう。
TRY to MAKE
Bootstrapセカンドページの土台を作ろう!
セカンドページを構築するための準備を学んでいきます。ナビゲーションを変更して、階層を作って、リンクを修正していきます。
TRY to MAKE
[Tips]デベロッパーツールを使おう!
WEBサイトのエラーやスピード検証、コードシミュレーションなど、開発者向けの検証ツール「デベロッパーツール」の使い方とテキストエディタとしての活用方法をご紹介!
TRY to MAKEBootstrap Learning

Bootstrapセカンドページの土台を作ろう!
セカンドページを構築するための準備を学んでいきます。ナビゲーションを変更して、階層を作って、リンクを修正していきます。
TRY to MAKE
BootstrapFooterを作っていこう
BootstrapでFooterエリアを作りましょう!全ページのリンクやSNSボタンなど外部コンテンツへの誘導、著作権表記などを組み込みます。
TRY to MAKE
Bootstrapお問合せ(電話)ボタンを作ろう
Bootstrapのアイコンを使ってお問合せ(電話)ボタンを作ろう!スマホで電話を掛けられるよう、Displayで表示・非表示を学びます。
TRY to MAKE
Bootstrapお知らせリストを作ろう
Bootstrapの「リスト」を作って、お知らせとお問合せを2カラムで作ります。見やすくするために仕切り線も作ります。
TRY to MAKE
Bootstrapテーブルをつくろう
エクセルでも使われるテーブルをBootstrapでも利用できます。tableタグでフロアガイドを作っていきましょう。
TRY to MAKE
Bootstrap空白カラム(Offset)を学ぼう
Bootstrapのoffset(空白カラム)を使って、1カラムレイアウトを作ります。背景画像を暗くする方法も学びます。
TRY to MAKE
Bootstrapグリッドシステムを学ぼう
Bootstrapのグリッドシステムを学んで、いろんなレイアウトの組み方を学びます。また入れ子レイアウトも一緒に学びます。
TRY to MAKE
Bootstrapカードデザインを学ぼう
Bootstrapカードデザインは、柔軟性や拡張性が高いコンテナなので、画像を組み込んだり、線を消したりして、素敵なデザインを作ります。
TRY to MAKE