Photoギャラリーサイト

Photoギャラリーサイト

January 1st, 2020

使用技術

  • gulp
  • webpack
  • jQuery
  • sass
  • WordPress

概要

web制作のトレンドのデザインやアニメーションなどを試す場として作ったサイトですが、何もコンテンツがないとやりがいがないので、趣味の写真のギャラリーサイト的な役割を持たせています。

トップページの写真の見せ方は、映画を見ているような雰囲気にしています。映画のワンシーンのような写真が好きだからです。CSSで写真のアスペクト比を16:9に、黒枠や写真下部のプログレスバーで、写真でありながら動画のような印象になるようにデザインしました。

普段からwebサイトのデザインやギミックの情報収集をし、気になったものは実際にコードに書いて随時サイトを更新していきます。

サイト

https://mismithgraph.work/