カテゴリー別アーカイブ: フラットデザイン

メインサイトのリニューアル

自分のメインサイトのリニューアルが一応完了しました.

今風の, レスポンシブ・フラットデザインでリニューアルしました.

CSS3を駆使して, Designing in the browserのワークフローも実践してみました.

レスポンシブWEBサイト + フラットデザイン

公開しているメインのサイトをリニューアルしたいな〜と思っていてなかなか手つかずでしたが, ようやく今日から着手.

今回のリニューアルでは, 1つのHTMLで様々なデバイスに対応できるように, レスポンシブなWEBサイトにチャレンジ.

あと, モダンな感じを出せるようにグラデーションなどを極力控えたフラットデザイン, モバイルファーストの考えを意識して作成していく.

さてさてどんな感じに完成するかは数日後のお楽しみということで…

レスポンシブWEBサイトの作成には便利なWEBツールがたくさんありますが, 今日はそのうちの1つ, VIEWPORT RESIZERの使い方を簡単に紹介しておきます.

  1. まずは, サイトにアクセス
  2. CLICK OR BOOKMARKのボタンをブラウザのブックマークバーにDrag & Drop
  3. 作成するサイトでブックマークにアクセス
  4. スマートフォン, タブレット, デスクトップなどデバイスや, ポートレート (縦向き) やランドスケープ (横向き) にも対応しています.

これはすごく便利です.