PREMIUM
スライド資料
授業の概要
チャプター
-
自己紹介&アジェンダ
04:44 -
完成系の確認/ファイルのダウンロード
02:04 -
index.htmlに追加の記述
03:04 -
sp.cssを作成、メディアクエリの記述
02:29 -
・主要なcssから記述
02:28 -
・スマホサイズで動くか確認
05:00 -
・bodyの記述
05:20 -
・line/bottomの設定
02:30 -
・崩れた部分の微調整
03:20 -
・headerの修正
06:19 -
・サイドバー作成
05:40 -
・copyright部分の調整
03:43 -
Q:HTMLのhead以外のタグを触らない制限があった場合に、sp.cssなどの外部ファイルのみで最適化することは可能ですか? 元HTMLをできるだけ改変しないという目的です。
01:07 -
・Retinaディスプレイの対応方法
06:40 -
・スマートフォンで確認
00:33 -
・ディレクトリを作成
03:57 -
Q:画像サイズを二倍にするのと、解像度を二倍にするのではどちらが良いのでしょうか?
01:00 -
Q:本日の授業にてスマホサイトへの最適化を行う際に%(割合指定)とpx(固定指定)を場所によって使い分けておりましたが、使い分けはどの様に方針を決めていますか
02:44 -
・2倍のpixel数の画像作成法
05:06
-
Q:スマホ対応させる場合、一般的に基準サイズは
01:13 -
Q:前回の授業でiPhoneをMacに繋ぐとSafariの開発の所にiPhoneが出てくると仰ってましたが、出来ないです。
01:13 -
Q:スマホサイトからPCサイトに作成するケースもありますが、PCの方が簡単ですか?
01:37 -
Q:スマホ用にリサイズした画像は、PC用のCSSで、画像の表示サイズの指定をすれば良いんでしょうか?
02:25 -
Q:オススメのレスポンシブフレームワークなどはありますか?
01:34 -
Q:メニューとメインビジュアルは重ならない理由を教えて下さい。
01:25 -
Q:2倍の画像をindex.htmlで半分のwidth指定していましたが、cssで指定しても良いのでしょうか?
03:12 -
Q:既存のサイトをレスポンシブ対応させる場合、どの位、時間が掛かってしまうものでしょうか?
03:03 -
Q:先生がかっこいいと思うレスポンシブルデザインのサイトがあったら教えて下さい!
03:37 -
課題発表