12/04 Skype Tさん　ホームページ制作 マンツーマン個別指導

・メデイアクエリ、　html５ & css3 によるレスポンジブレイアウトのサンプルサイトの作成
・必要に応じてdivのインナーを作成
・タイトル画像を高解像度にする４倍の大きさにし、見せたいサイズを指定する
・BOX4 を二つに分割し -1　にお知らせ、-2　SNSメニューを入れて横並びにする
・アイコンフォントFont Awesom
・.box6 widh:32% margin-right:2%(-1 -2のみ), 三分割で横並びにする
・シェーディング、配置を使用、透明度はrgba使用
・ナビゲーション、PC用スマホ用の指定、.menu #menu　２つセレクタを設定し、一方は display:nnone で調整
・スマホ用はトグルボタンの設置、iコンフォント使用、動きはjQuelyで
・box-sizingはpadding や border に依存しない width, height 指定

次回も引き続きレスポンシブサイトの作成、バリエーションを組んでレスポンシブサイト２、の作成です。
レッスンの極意

Tweet