フロントエンドデザイナのためのWEBデザイン集

PLUSW.JP

vue.jsにて「フロントエンドデザイナのためのWEBデザイン集」を作りました。

  • Design
  • firebase
  • SPA
  • Vue.js

PLUSWとは?

設計、デザイン、コーディングをするのが自分にとって「より簡単に、より早く、より無駄なく」参考となるWEBサイトを探すことのできるWEBデザイン集「PLUSW」をVue.jsにて制作しました。

 

「フロントエンドデザイナのための…」としているのは
WEBサイトを構築するにあたって(特にレスポンシブ)などに対応させるために
どのような考慮をして設計、デザイン、コーディングされているのか知りたい(むしろコーディングをどうしているのかが重要)僕にとって、その点に意識をおいたWEBデザイン集としたかっためです。

 

そのためより早く目的のページへの遷移をするための「サイトの詳細ページの削除」、よりサイト一覧を表示するための「余計なコンテンツの削除」、コーディングの方法を知るための「実装面からの検索の実装」などを意識したサイトとしました。

 


 
 

ただWEBサイトを探すだけのサイト

本サイトはレスポンシブ対応はしていますが、基本PCからの閲覧を前提にしています。
PCサイトだと画面が大きく情報を入れ込むこともできたのですが、「WEBサイトを探す」と言う一つの目的を達成するために余計なものを削除したので、WEBサイトよりアプリを意識しました。

 

 
 

サイト数が圧倒的に少ない

いろいろ書いてますが、問題点としてそもそもの掲載WEBサイト数が少ない(現状350サイト)ので、現状僕だけが使うサイトみたいになっています。

もっとサイトの掲載数を多くして「muuuuu.org」「Responsive Web Design」のようなサイトを目指して頑張りたいところです。

またデザインや表示速度なども改善するべき点も多く。。
より良いものを目指して改修していきたいと思います。

VISIT