WORKS

2020.04.25

C Lif; HP

【C Lif; HP】
種類：ホームページ 🔗LinQ『ライフサイト”https://c-lif.com/”』

〜　サイト紹介　〜
C Lif;(ライフ)ホームページ。Finance / Insurance businessやITを中心に。人生で得たスキルや知識のアウトプットなど。

〜　制作内容紹介　〜
・デザインイメージはダーク＆シックで、デザイン考案・ワークフレームから制作しました。
・モップアップはIllustratorを使用しています。
・HTML＆cssで1度作り、WordPressの導入ではテーマをゼロから構築しています。
・トップページWORKSやBLOGでは、PHPを使用し最新の実績記事やブログ記事を呼び出しています。
・トップページPICKUP欄では、並んでいる小さい画像にカーソルを合わせると、右側にカーソルを合わせた画像が表示するようjQueryで指示しています。
・プロフィールページのbiographyでは、プラグインを使用し、年号の数字をクリックすると一覧が表示されるようにしています。
・実績の一覧(WORKS)ページは、プラグインを使用し作成しています。
・ページ送りはプラグインを使わずにコードのみで実装しています。
・コンタクトフォーム(CONTACT)は、プラグインを使用し、cssでコーティングを実施しています。
・レスポンシブデザインは、max-widthは1440px、順に1024px,896px,834px,768px,480px,414pxで調整しています。
・レスポンシブメニューは、プラグインを使用し、cssでコーティングを実施しています。