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

tags:タグ

BootstrapGutter(ガター)で時短しよう 2023年5月22日

BootstrapGutter(ガター)で時短しよう

ガターの仕組みと役割を学びます。また、overflow hiddenではみ出した部分を隠す方法を学びます。

TRY to MAKE
BootstrapFlexをマスターしよう 2023年5月18日

BootstrapFlexをマスターしよう

flex(フレックス)を利用して要素の配置を変えたり、デバイスによって表示順を変えたり、レイアウトを学んでいきます。

TRY to MAKE
BootstrapData属性と疑似要素でデザインしよう 2023年5月17日

BootstrapData属性と疑似要素でデザインしよう

HTMLのdata属性と、cssの疑似要素、attr関数の合わせ技でデザインする方法を学びます。

TRY to MAKE
Bootstrap Google Fontsを使ってみよう 2023年5月11日

Bootstrap Google Fontsを使ってみよう

GoogleFontsの使い方や設定方法の他、cssでのタグ・クラス名・一括指定方法も学び舞うs。

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

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

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

TRY to MAKE
Bootstrapパンくずリストを作ろう 2023年5月8日

Bootstrapパンくずリストを作ろう

Breadcrumbでパンくずリストを作ります。flexのjustify-contentを利用した配置の方法も学びます。

TRY to MAKE
Bootstrapおしゃれな見出しデザインを作ろう! 2023年5月9日

Bootstrapおしゃれな見出しデザインを作ろう!

cssを使って見出しデザインを作ります。縁取りや文字色の透過、影の付け方などを学びます。

TRY to MAKE
Bootstrapデザイン画からコーディングしよう! 2023年5月8日

Bootstrapデザイン画からコーディングしよう!

デザイン画像を見ながらコーディングします。cssで背景画像の指定方法やレイヤー、余白の入れ方などを学びます。

TRY to MAKE
[Tips]デベロッパーツールを使おう! 2022年11月22日

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

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

TRY to MAKE
[猫図解]リストを作ってみよー!ulタグ・olタグ・liタグ 2022年11月11日

[猫図解]リストを作ってみよー!ulタグ・olタグ・liタグ

リスト(箇条書き)を制御するのは、ulタグ、olタグ、liタグです。 ナビゲーションやお知らせ、目次など、可読性UPできるリストを作ります。。

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

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

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

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

Bootstrapテーブルをつくろう

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

TRY to MAKE
Bootstrapアイコン付リンクボタンを設置しよ 2022年11月3日

Bootstrapアイコン付リンクボタンを設置しよ

Bootstrapのボタンを作っていきます。Bootstrapにあるアイコンも設置していきます。

TRY to MAKE
【時短しよー】htmlタグの記述ルールを学ぼう 2022年10月29日

【時短しよー】htmlタグの記述ルールを学ぼう

htmlタグのコンテンツモデルの種類や、入れ子のルール、時短テクニックを学びます。

TRY to MAKE
[猫図解]開始タグと終了タグを学ぼう 2022年10月29日

[猫図解]開始タグと終了タグを学ぼう

HTMLタグって何?タグの記述方法や、HTML5から追加された閉じタグ省略などを学びます。

TRY to MAKE
[猫図解]Htmlの「タグ」って何だろ? 2022年10月24日

[猫図解]Htmlの「タグ」って何だろ?

htmlタグそれぞれの持つ意味と閉じタグについて学ぼう!html5から追加された閉じタグの省略についても学びます。

TRY to MAKE
[猫図解]Htmlの構造と主要タグを知ろう! 2022年10月20日

[猫図解]Htmlの構造と主要タグを知ろう!

htmlの全体構成と主要タグを、実際のコードを見ながら学んでいきましょう!

TRY to MAKE
Back To Top