Web白描

Webデザインの勉強 - 演習

★レスポンシブ

Font Awesome

Font Awesome 記号を「文字(Font)」で利用する この例は「ハンバーガーメニュー」のアニメーションが不要な場合 fontawesome.comGoogle icon 「Font Awesome 」以外の選択肢 fonts.google.com ハンバーガーメニューを作成する場合(文字を置換する場合) …

レスポンシブWebデザイン

レスポンシブWebデザインの誕生 Responsive Web Design は、2010年イーサン・マルコッテ氏が提唱した制作手法です alistapart.com レスポンシブWebデザイン レスポンシブWebデザインとは、ブラウザーのウィンドウ幅に合わせてCSSでWebページのレイアウトを変…

レスポンシブWebデザインのための画面サイズ

画面サイズ PCの推奨サイズ 推奨サイズは「1920*1080」 gs.statcounter.comシェア率の高いデバイスの等倍サイズ 実際には、デスクトップ全体にブラウザを使用することは少ないと思われるので「1280pxまたは1440px」で作成します スマートフォンの推奨サイズ …

マルチデバイスに対応するときの指標

マルチデバイスに対応するときの指標 2007年にiPhoneが登場して以来、デバイスの多様化が進む中「どうやって小さい画面に対応するのか」が課題となってきました Google モバイルガイド マルチデバイス対応において求められる考え方や技術的な手法がまとめら…