Portfolio

ポートフォリオサイト

2020.01.20 .ver image

ポートフォリオ【公開版】

https://springreens.net/portfolio/202001/

2020.01.20

PC/tablet/mobile

XD/Photoshop|pug/stylus/Prepros

design:15h〜|coding:17h

更新作業が容易になる様なCSSを組み、なるべくHTML更新のみでコンテンツの追加ができる様に致しました。

同デザインのリピート部分はPugの連想配列を使用して外部から差分を読み込む事により変更しやすくしております。moreページのリンク部分はif文でURLの有無に対応しました。

※こちらは公開版になります

springreens(当サイト)ver.2

2019.10.01 .ver image

springreens(当サイト)ver.2

https://springreens.net/

2019.10.01

PC/tablet/mobile

XD/Illustrator|pug/stylus/Prepros

design:30h〜|coding:80h

ノートやノートパッドに落書きしていた創作の原点を思い出して、トップページをノート風にデザインしております。

バーガーメニューやGrid Layoutを使用。

コーディングの段階となって小さめ目のPCサイズ(タブレット横など)でデザインが破綻することが判明して、改めてレスポンシブの難しさを感じました。

springreens(当サイト)ver.1

2019.09.21 .ver image

springreens(当サイト)ver.1

https://springreens.net/portfolio/20180518/

2017.05.18

PC

html/css

design & coding:8h

イメージカラーを中心に、突貫工事で作成しました。

bootstrapを初めて使用してみましたが、使えたとは言えず残念でした。