tags:コード

BootstrapGutter(ガター)で時短しよう
ガターの仕組みと役割を学びます。また、overflow hiddenではみ出した部分を隠す方法を学びます。
TRY to MAKE
BootstrapFlexをマスターしよう
flex(フレックス)を利用して要素の配置を変えたり、デバイスによって表示順を変えたり、レイアウトを学んでいきます。
TRY to MAKE
BootstrapData属性と疑似要素でデザインしよう
HTMLのdata属性と、cssの疑似要素、attr関数の合わせ技でデザインする方法を学びます。
TRY to MAKE
Bootstrap Google Fontsを使ってみよう
GoogleFontsの使い方や設定方法の他、cssでのタグ・クラス名・一括指定方法も学び舞うs。
TRY to MAKE
Bootstrapパンくずリストを作ろう
Breadcrumbでパンくずリストを作ります。flexのjustify-contentを利用した配置の方法も学びます。
TRY to MAKE
Bootstrapデザイン画からコーディングしよう!
デザイン画像を見ながらコーディングします。cssで背景画像の指定方法やレイヤー、余白の入れ方などを学びます。
TRY to MAKE![[Tips]デベロッパーツールを使おう!](https://sakuweb.liruu.com/wp-content/uploads/2022/11/devTools17.jpg)
[Tips]デベロッパーツールを使おう!
WEBサイトのエラーやスピード検証、コードシミュレーションなど、開発者向けの検証ツール「デベロッパーツール」の使い方とテキストエディタとしての活用方法をご紹介!
TRY to MAKE![[猫図解]アンカーリンクを使ってみよ!aタグ](https://sakuweb.liruu.com/wp-content/uploads/2022/11/atag.jpg)
[猫図解]アンカーリンクを使ってみよ!aタグ
アンカーリンクは、現在地から指定された場所でジャンプさせる役割のa タグです。別タブやページ内リンクも学びます。
TRY to MAKE
Bootstrapお知らせリストを作ろう
Bootstrapの「リスト」を作って、お知らせとお問合せを2カラムで作ります。見やすくするために仕切り線も作ります。
TRY to MAKE
Bootstrapナビゲーションを作ろう!
Bootstrapスターターテンプレートをつかってナビゲーションを設置していきます!ついでにレスポンシブデザインの概念を学びます!
TRY to MAKE
Bootstrapテンプレートのコードを編集しよう
Bootstrapのスターターテンプレートをいじってみよう!headタグやbodyタグなども学びます。
TRY to MAKE
初心者必見!1分でできるBootstrapで「WEBサイト」の土台を作ろう!
初心者必見!Bootstrapスターターテンプレートをつかえば1分でできる「WEBサイト」の土台を作ってみよ!
TRY to MAKE