2019/03/282018年10月1日にdelaymaniaのデザインをリニューアルしました。2016年1月に変更して以来なので約2年ぶりとなるリニューアルですが、デザイン面というよりは機能面でブラッシュアップしました。LINKトップページでカテゴリー分けこれまではトップページが最新記事一覧のみだったんですが、プッシュしたいカテゴリーの一覧を最初に持ってきてみました。このやり方は「タダオトのブログ」でやってまして、「武蔵小山info」でもいずれやりたいことなんですよね。武蔵小山infoのテーマファイルはタダオトのブログを元にして作ったもので、今回のdelaymaniaのテーマファイルは武蔵小山infoを元にして作ったものです。これで僕が運営している3メディアのテーマファイルを揃えられたので、今後のメンテナンスはやりやすくなりました。トップページの背景を斜めに塗りつぶしてるのはタダオトのブログでやってるものをそのまま使ってます。カテゴリーボタンと検索コーナーは武蔵小山infoで作ったものをそのまま流用しました。スマホだと横スクロールができたり、最新記事はこれまで通り縦に並んでたり、カテゴリーボタンと検索コーナーをパソコンと同じように設置したりしてます。技術的には、display:flexを多用してます。左右2カラムを作るのにfloatを使わずにdisplay:flexで実現しました。最近ではどんなブラウザでもdisplay:flex使えるので問題ないかなと。詳しくはこちらをどうぞ。delaymania続きを読むあと、スマホの時の右上にあるハンバーガーメニューは、CSSだけで動くように実装しました。ネットの情報を元に作ったのでどうやって動いてるのかいまいち正確に把握できてません...。あとでじっくり解析します。最後に元々仕上がっているテーマファイルを使うとだいぶ楽に作れますね。9月頭からちまちまといじってまして、合計すると8時間くらいでした。荒いところがありそうなので、変なところがあれば随時直していこうと思います。WEBサイトの制作や管理、WEBサービスの運営、iPhoneアプリ開発などをやってます。chord」のギタリストで曲も作ったりしてます。#myblogstartブログ運営イベントレポート記事を早く書くためにはイベント前に下書きを進めておくことが大事!ブログ運営の記事をもっと読む新着記事エンタメモーニング娘。ハマった理由と、EDM路線になってからのモーニング娘。Macなどのコンピューター系の話題など、WEBデザイナーの管理人が気になった情報を発信しているブログです。株式会社ondoホームカテゴリ。