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

ブログ一覧

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のスライダーを設置します!画像を組み込むimgタグやパス指定も一緒に学びます。

TRY to MAKE
2022年10月29日

Bootstrapナビゲーションを作ろう!

Bootstrapスターターテンプレートをつかってナビゲーションを設置していきます!ついでにレスポンシブデザインの概念を学びます!

TRY to MAKE
開始タグと閉じタグ 2022年10月29日

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

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

TRY to MAKE
HTMLタグの入れ子 2022年10月29日

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

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

TRY to MAKE
htmlのタグってなに? 2022年10月24日

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

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

TRY to MAKE
HTML構造と主要タグ 2022年10月20日

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

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

TRY to MAKE
WEBサイトの構成要素 2022年10月19日

図解でわかる!WEBサイト構成要素の役割を理解しよ!

WEBサイトは、「html」「css」「js」などのプログラム言語で構成されています。 それぞれの役割を初心者にもわかるように図解しますね。

TRY to MAKE
2022年10月19日

[Tips]すぐに試せる!html・cssのオンラインコードエディタ「JSFiddle」

すぐに試せる!html・cssのオンラインコードエディタ「JSFiddle」を使ってみよう!

TRY to MAKE
2022年10月12日

Bootstrapテンプレートのコードを編集しよう

Bootstrapのスターターテンプレートをいじってみよう!headタグやbodyタグなども学びます。

TRY to MAKE
2022年10月5日

初心者必見!1分でできるBootstrapで「WEBサイト」の土台を作ろう!

初心者必見!Bootstrapスターターテンプレートをつかえば1分でできる「WEBサイト」の土台を作ってみよ!

TRY to MAKE
Back To Top