サンプルサイト：ブログ①

カードデザインをベースとしたブログサイトを構築しました。

トップページにはSplide.jsを使用し、「Featured This Month」や「Popular Posted」のスライダーを実装しました。

共通パーツが多かったため、特にヘッダー・フッター・カードなどを意識的にコンポーネント化しました。

また、記事詳細ページでは、記事の文字量を元に読了時間を自動で計算する仕組みも導入。

情報量の多いヘッダーについても、PC・SP間で分岐せずスマートにCSS制御を行いました。