ブログ一覧
2022年11月16日
[猫図解]アンカーリンクを使ってみよ！aタグ
アンカーリンクは、現在地から指定された場所でジャンプさせる役割のa タグです。別タブやページ内リンクも学びます。
TRY to MAKE
2022年11月13日
[猫図解]説明リストを作ってみよ！dlタグ・dtタグ・ddタグ
「説明リスト」としてdlタグ・dtタグ・ddタグについて記述方法と入れ子ルール、定義語dfnタグも学びます。
TRY to MAKE
2022年11月11日
[猫図解]リストを作ってみよー！ulタグ・olタグ・liタグ
リスト（箇条書き）を制御するのは、ulタグ、olタグ、liタグです。 ナビゲーションやお知らせ、目次など、可読性UPできるリストを作ります。。
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
2022年11月3日
Bootstrapコンテナに背景をいれよう
bootstrap幅いっぱいのコンテナを学んで、cssを使って背景画像とカラーコード、テキストをいれてみよう！
TRY to MAKE
2022年10月31日
Bootstrap見出し（タイトル）を入れてみよう
Bootstrapで見出しを作っていきます。タイトル名を見出しとしてマークアップする方法や、見出しタグのルールを学びます。
TRY to MAKE
2022年10月31日
Bootstrap余白を作ろう
Bootstrapでpaddingやmarginで余白を作りましょう。どこにどのくらい余白を入れるかを考え、クラス名の指定方法も学びます。
TRY to MAKE
2022年10月30日
Bootstrapブレイクポイントとモバイルフレンドリー
Bootstrapのレスポンシブ対応の際に、どのサイズでレイアウトを変えるかを指定できる、ブレイクポイント（トリガー）を学びましょう。
TRY to MAKE
2022年10月30日
Bootstrapレスポンシブデザインを学ぼう
レスポンシブ対応とは何かを学んで、レイアウトを実践で組んでいきましょう。スマホサイトでどのように表示されるのかも一緒にみていきます。
TRY to MAKE
2022年10月30日
[Tips]フリー画像や写真素材を見つけたい！
WEBサイトやパンフレットなど、フリー画像が必要な時に便利な商用利用OKの写真素材サイトをご紹介します。
TRY to MAKE
2022年10月29日
Bootstrapナビゲーションを作ろう！
Bootstrapスターターテンプレートをつかってナビゲーションを設置していきます！ついでにレスポンシブデザインの概念を学びます！
TRY to MAKE