コーディング

レイアウトパターン

[CSSレイアウト] 親ブロックの中でコンテンツ幅の子ブロックを中央揃えする

コンテンツのdivタグを中央揃えしたレイアウトの例です。

基礎編

[コーディングの基礎] css記述の理解を深めるわかりやすい手順

わかりやすい手順で記述することでcss記述の理解を深めましょう。

基礎編

[コーディングの基礎]「id」と「class」

「id」と「class」について解説します。

基礎編

[コーディングの基礎] インライン要素とブロック要素

「インライン要素」と「ブロック要素」に関して解説を行います。

基礎編

[コーディングの基礎] ブロックと入れ子

「ブロック」と「入れ子」の解説です。

基礎編

[コーディングの基礎] cssのリセット

ブレウザ独自のcssのせいで起こってしまうレイアウト崩れ。cssリセットでイアウト崩れを予防しましょう。

基礎編

[コーディングの基礎] フォルダ・ファイルの準備

コーディングに進む前に、フォルダやファイルの準備を行いましょう。

基礎編

[コーディングの基礎] htmlでそれぞれのブロックに使う各要素の説明

htmlで使う各ブロックの説明とそれぞれの役割の解説です。

応用編

[コーディングの応用] どうしても覚えてほしいスマートフォン対応!レスポンシブWebデザイン(RWD)

応用編

[コーディングの応用] どうしても覚えてほしいレイアウトを簡単に組む方法!フレックスボックス(flexbox)

基礎編

[コーディングの基礎]「margin」と「padding」

基礎編

[コーディングの基礎] ブラウザ幅とコンテンツ幅

「ブラウザ幅」と「コンテンツ幅」に関して解説を行います。

基礎編

[コーディングの基礎] CSSの基本的な考え方と記述方法

CSSの基本的な考え方を解説します。キーワードは「セレクタ」「プロパティ」「値」の3つです。

基礎編

[コーディングの基礎] htmlファイルの基本的な構成

htmlファイルには必ず記述しなければいけない4つのブロックがあります。記述しながら解説します。

基礎編

[コーディングの基礎] htmlタグについて

なぜhtmlタグを使う必要があるのか、 使用頻度の高いhtmlタグにはどういったものがあるのかを解説します。

基礎編

[コーディングの基礎] コーディングの概念

コーディングを始める前に、念頭に置いてほしい最低限の概念として「内側・外側」「囲う」の意味を理解してください。