WEBの勉強～HTML5/CSS3～

こんにちは！！　メグルです！！

今日はやることは、スマホサイトをつくる！！　　です。

pc→５３００万人が現在は→350万人

スマホ→1100万人が現在は→4000万人

最近は、リッチデザインからフラットデザインに流行が移行している。

スマホサイトの特徴

・縦長

・見やすい

・文字が大きく、少ない

・余白が多めでボタンが大きい

・文字などのコントラストが強め

・フラットデザイン

・彩度が低め

Bootstrap · The world's most popular mobile-first and responsive front-end framework.

Video Editing By Magisto | An Automatic Online Video Editor

スマホサイトの作り方

・レスポンシブデザインで作る

・スマホ専用サイトを作る

 レスポンシブデザインは結局一つのサイトが小さくなるだけだから、内容が変えられない。

専用に作れば、スマホでみるユーザーを中心としたパソコンサイトでいらない内容を省いたりしてサイトを作ることができる。

sass

less

compass

爆捗！ WordPressテーマ作成ショートカット（3）：CSSコーディングで泣かないためのSassの基礎知識と10の利点 (1/3) - ＠IT

UI→ユーザーインターフェイス

UX→ユーザーエクスペリエンス

インフォグラフィックス

文字の代わりに図を入れる。

スマホ専用サイト

・クロスブラウザ

全てのブラウザでも見栄えをそろえる。

・プログレッシブエンハンスメント

・グレイスフルデグラデーション

HTML5&CSS3入門 第6回 Graceful DegradationとPolyfill | デベロッパーセンター

午後は、サイト、ポートフォリオサイト制作。