html関係のページです。
CSS/SCSS 架空メディアサイト「256times Media」(256timesで制作)
架空メディアサイト『256times Media』
＜トップページ＞
＜記事ページ＞
256timesで制作
担当内容
HTML・CSSコーディング
経験
...
CSS/SCSS 架空サイト「osumou flowers」(256timesで制作)
架空サイト『osumou flowers』
256timesで制作
担当内容
HTML・CSSコーディング
経験
HTML・CSSコーディング / JavaScr...
CSS/SCSS 実技 スマートフォンサイト作成実習
Media Queries とは？
メディアクエリを使用すると、画面の種類、幅、高さ、向き、解像度など、コンテンツをレンダリングするデバイスの特性に基づいて、スタイルを容易に変更できる。
ブレイクポイントについて
PCファーストの...
CSS/SCSS 麻雀ガールズBAR『Moe-Jan』
麻雀ガールズBAR『Moe-Jan』
担当内容
ロゴ制作 / HTML・CSSコーディング
経験
ロゴ制作 / HTML・CSSコーディング / JavaScrip...
CSS/SCSS HTML/CSS備忘録
【メディアのコンポーネントを作成】
BEM設計でメディアのコンポーネントを作成
ここでいう「メディア」とは、2列のレイアウトで片方に画像や写真、もう片方に文言が並ぶ
クラス名は、
media
media__image
...
CSS/SCSS HTML/CSS備忘録
【ナビゲーションのコンポーネントを作成】
BEM設計でナビゲーションメニューのコンポーネントを作成
クラス名は、
nav
nav__list
nav__item
display: flex;で横並び
各項目...
HTML 学科 HTML基礎④
CSSの適用方法
HTML ファイルとは別に記述する場合
CSSファイルをHTML ファイルと別ファイルで記述
HTML ファイルの head タグ内（<head>～<...
HTML 学科 HTML基礎③
特殊文字
半角スペース
半角スペース1つの場合は、そのまま半角にした状態でスペースキー
半角スペース2つ以上の場合は、「 」を複数入力
全...
CSS/SCSS HTML/CSS備忘録
【見出しのコンポーネントを作成】
BEM設計で見出しのコンポーネントを作成
クラス名は、
heading
heading__title
heading__link
2パターン作成
見出しの文言だけのケー...
CSS/SCSS HTML/CSS備忘録
【ボタンのコンポーネントを作成】
BEM設計でボタンのコンポーネントを作成
クラス名は、
btn
btn--short
btn--long
btn--full
ボタンの幅を指定するのに、Mo...