コーディングもデザインも技術としては溶け合っている
コーディングの部署へ異動してから一年と半年。別の制作会社で3か月。初期業訓練校でおよそ4か月……となんだかんだでコーディングを始めて総計で2年程が経ちました。
元々コーディングは好きだけれどデザインは苦手、できればやりたくない、と思っていましたが、しばらく前からデザインもやってみたいと考えるようになりました。
続きを読むブログの名前を変更しました
結構長く使っていた「たそがれノート」というブログ名ですが、デザインも変えたことだし、と心機一転変えることにしました。
新しいのブログ名は「トワイライツ・ノーツ」です。英語にすると「Twilights Nauts」……割と語感とタイトル文字の感じ優先で決まりました。
『lunar-nauts(月面探索者)』をもじってます。
また、たそがれ空のような一瞬の緊張感と美しさのある仕事ができればいいなあと思っています。
さらに、ついでと言ってはなんですけどメールアドレスも変更しました。なんとなくで決めてずっと使い続けていたアドレスでしたが、ローマ字読みが気になっていたんですよね。といって、なにか他に候補がある訳ではなかったのでずるずると……プロフィールに表示してあります。
ご連絡がある場合はお気軽にどうぞ。
という訳で簡単ですがご連絡でした。
ブログデザインをカスタマイズしました
数年ぶりにブログのデザインを変えてみました。といっても大したことはしていなくて、配布されているテンプレートに少し手を加えた程度です。
ずっとレスポンシブではなかったのですが、こちらもこの度対応してみました。
元にさせていただいたテンプレートはこちらです。
そもそも、なぜブログのデザインを変えたか
- そろそろレスポンシブ対応をさせたかった
- 前のデザイン(公式テーマ:レトロポップ)はアイコンなどは可愛らしかったが横幅が狭く、デザイン的にも少々古さがあった
- テーマストアで見つけたテンプレートのデザインがすっきりしていてカスタマイズしやすそうだったので、少し手をかけてもいいかなという気になった
デザインの要件
- シンプルであること
- 多少は他と違いのあるデザインであること
- レスポンシブであること
- ブログなので文章の読みやすさを損なわないこと
カスタマイズしたこと
背景画像(PCだけ)
こちらの画像を、最近ときどき綺麗めなサイトで見かけるような感じでガウスぼかしなどの加工をした後、背景画像へ全面配置しました。
Webフォント導入
Google Fonts + 日本語 早期アクセス • Google Fonts + Japanese Early Access
こちらを利用してさわらびゴシックを設定してみました。これで雰囲気が結構変わった気がします。
見出しやリンク色の変更
元々がシンプルなテーマなので、これだけでもかなり変わります。
タイトル領域の縮小(スマホのみ)
ファーストビューでちょっと幅を取り過ぎかなと思ったのでブログタイトルなどの領域を小さくしました。
ブログのデザイン変更のまとめ
はてなブログのデザイン変更は設定方法にも結構癖があってあまりいじりやすいとは言えないですが、それでもシンプルなテーマを元にすれば比較的やりやすいです。
当面はこのデザインで行くと思います。