concept

このページはWebデザインの勉強の一環として作成された作品ページです。
本サイトの内容はすべてフィクションであり、実在の如何なる個人・団体等とは関係がありません。
また、その性質上、本サイト及びそのコンテンツの無断転載・無断リンクはお断り致します。ご了承下さい。

このページでは今回の作品制作のコンセプトを紹介しています。
以下にコンセプトシートを掲載していますので興味のある方は御覧ください。

コンセプトシート

  • 【全般】
    出来るだけ楽をする
  • 理解しながら作る(作品を説明できる)
  • 構造、装飾、処理を明確に分ける
    (視認性の高いソースコード)
  • 派手な演出に逃げず、文字、配色、余白といった基本を大切に
  • 新技術の導入試験
    (Flexbox、GoogleMapAPI、jQueryUIなど)
  • できるだけ外部ツール(Photoshop、Illustrator)を使わない。

  • 【コンテンツ】
    コンテンツ部分を手抜きしない
  • 説明過多にならないテキスト(地味でも見応えを)
  • 統一されたデザイン
    (フラットデザインorマテリアルデザイン風味)

  • 【HTML】
    構造体をしっかり作る
  • そのコンテンツに相応しいタグ選び

  • 【CSS】
    装飾で子孫セレクタや要素セレクタを使わない
  • 独自のルールによるプロパティ記述順を守る
  • BEMの試験採用
  • レスポンシブをなるべく書かない(書かなくても対応できるように構築する)
  • ベンダープレフィックスを付けない
    (※IEとOpera Miniは切り捨てます)

  • 【JavaScript】
    jQueryをなるべく使わない
  • jQueryプラグインは少なめに
  • jQueryをなるべく書かない

以上となります。