PREMIUM
第4回
PCサイトコーディング入門 -メインコンテンツのUI-
2016年5月1日 60min
スライド資料
授業の概要
こんな人にオススメ
複数のメインコンテンツを持つPCサイトのコーディング手法を学びたい方
担当の先生／パーソナリティ
チャプター
-
自己紹介
00:24 -
本日のアジェンダ
00:43 -
授業に必要なもの
01:49 -
メインコンテンツを固定幅に
00:05 -
上に戻るボタンを完成させる
09:00 -
Page Rulerで測ってみよう
01:08 -
メインコンテンツが固定幅でどんなブラウザ幅でもセンターに来るようなcssを書こう
03:19 -
mainの子要素を指定していこう
02:33 -
articleの子要素を指定しよう
03:06 -
横並びのコンテンツ
00:46 -
sectionを横に３つ並べよう
07:15 -
section傘下の子要素にスタイルを当てよう
03:44 -
フォーム部分のコーディング
01:07 -
フォーム部分を目立たせるために背景色を指定
02:12 -
フォームのイントロのスタイルを指定する
02:07 -
formの中の表組みを指定する
06:48
-
Q：h3がfigureの下になります
01:41 -
Q：業務で色の指定をする際はどの形式をよく使いますか？#fff/rgbなどいろいろあるかと思います。
01:03 -
Q：先ほどのsectionに擬似クラスlast-childは使えないでしょうか？
01:48 -
続き：formの中の表組みを指定する
01:00 -
form内の各入力エリアのスタイルを指定
04:00 -
Q：スマホサイトのCSSと、ＰＣサイトのCSSで、最も大きな違いは何でしょうか。
01:13 -
Q：単位px,pt,remなどは揃えた方がよいですか？
01:23 -
Q：どういった要素にどの単位を使うのがいいのか、先生ご自身のルールがあったら教えてください。
01:33 -
お知らせ