SVG+CSSによるヘッダーデザイン

DQNEO起業日記のDQNEO様から、「サイトヘッダーの読み込みを早くするため、200KB以下に軽量化したい」ということでご依頼をいただきました。

デザインのイメージチェンジも兼ねつつ、サイトヘッダー部分のファイル容量は111KBに軽量化することができました。

「SVGファイル・CSSファイルで制作。光のような効果を入れツヤッとしたデザインに仕上げました。

質感を出すためにテクスチャとして一部pngファイルを使っています。 「青系のシンプルなデザイン」というご希望に合わせて仕上げました。

湊川あいの著書

この記事はesa.io + Hexo + TravisCIで書かれました

We❤️ esa.io“(\( ⁰⊖⁰)/)”