PREMIUM
第5回
PCサイトコーディング -下層ページのCSSを書こう-
2016年7月27日 60min
スライド資料
授業の概要
こんな人にオススメ
HTML、CSSの基本を学んだので実際にWebサイトを制作したいと考えているWebデザイナー
担当の先生／パーソナリティ
-
山本 麻美
株式会社ロクナナ UI/UXデザイナー
インディーズ音楽プラットフォームを作りたい一心でWebを独学。企業からWeb制作の仕事を請けるようになり1997年フリーランスのWebデザイナーに。 2010年何気なく参加した日本Androidの会で周囲からすすめられてAndroid, iOSのUIデザインを始め、モバイルアプリのUIに特化して仕事をするようになる。 2017年後半からIoTプロジェクトやグラスデバイスのUIデザインに仕事の範囲を広げる。 2020年より株式会社ロクナナ所属。 ・TechFeed 公認エキスパート（UX） ・東洋美術学校 デザイン研究室 講師 ・mmhmmヒーロー
-
江川 みどり
スクー放送部
チャプター
-
自己紹介
01:19 -
授業のアジェンダ
00:47 -
サンプルデータの説明
01:00 -
floatを使った2カラムレイアウト
03:13 -
回り込みのおさらい
01:32 -
問題#01 この方法以外にも回り込みを解除する方法があります。それはどんな方法でしょうか？
03:20 -
答え#01
03:31 -
サイドバーのCSS
00:58 -
右端の矢印マーク
01:38 -
各リストの下線
01:17 -
マウスオーバーで背景色が変わる
03:30 -
メインコンテンツのCSS
00:09 -
object-fitおさらい
04:30 -
idやclassの命名ルール
00:34 -
問題#02 この命名の仕方だと問題がありそうです。それはどんな問題でしょうか。そしてどういう命名が適切でしょうか。
02:28 -
答え#02
02:44 -
リストを細かく制御するCSS
01:07 -
nth-child
02:10 -
last-child
00:28 -
問題#03 以下のように一番下のリストだけ点線が表示されないようにするには、CSSをどう書けばよいでしょうか。
05:22 -
答え#03
02:12 -
まとめ
01:57
-
Q：スマホとかであるんですが、長くタップしても写真を保存出来ないのってCSSですか？それともJSですか？
00:53 -
Q：last-childはIEだと９からなので、対象ブラウザ８以下だと、対象のliにクラス名付けて対応するしかないか・・。
01:49 -
Q：案件にもよると思いますが、pcのブラウザチェックは、Internet Explorer・firefox・Google Chromeはどのバージョンから行うのが主流でしょうか？IE６～８はまだ案件で来る事もあるでしょうか？
01:39 -
Q：今回の、教材のサイト幅は何で1000pxにしたのですか？
01:13 -
Q：先生がATOMに入れてる、おすすめなPluginなどありますか？
01:56 -
Q：先生はワードプレスの授業も予定ありますか？
00:41 -
Q：ATOMのemmetしか入れてないですが、アップデートしたら動かなくなりました
01:32 -
お知らせ