degitekunote2ノートの落書き感覚で発信する情報ブログ、その名も「デジテクノート2」。ScRfixeder」公開しますWeb制作・ものづくりCSS3のFlexboxで作ってみる2016年に流行ったスマホカラムレイアウトWeb制作・ものづくりAltを可視化するChrome拡張機能作りました「見え〜るAlt」Web制作・ものづくり【結構簡単】ブラウザアクションボタン発火の自作Chrome拡張機能の作り方&サンプルWeb制作・ものづくりWeb制作・ものづくりの記事一覧へ今年2019年買ってよかったものコラム&ライフログ24歳ってヤング時代(18歳〜)の最後なんだってよ。【結果DP-X1A最高!】AK70と迷いに迷って買ったDP-X1Aはやはり最高でした。Ver5とSTINGER5でか...937pvSIMPLESTERのダウンロード数が3000を突破...548pv【2016謹賀新年!】明けましておめでとうございます。Googleどうも当ブログdegitekunote2の管理人であります私(@こふす)です。単刀直入に、当ブログのテーマを変えました。以前のテーマはSTINGER3をベースにほぼオリジナルなテーマで2014年12月から使用してきましたが、この度新しいテーマに変更しました。SIMPLESTER開発している私がdegitekunote2で別のテーマ使っているというのもアレだったんで、今回SIMPLESTERをベースに新しく作成してみました。Google作ってみた感想めっちゃ楽でした。自分で言うのもアレなんですが、SIMPLESTER自体がシンプル志向で作っているのでカスタマイズするのにも非常に楽でしたね。あとあらゆる要素に対してwidth値を100%にしているのでちょっとカスタマイズしても値を変える必要がなく、既存のCSSをいじる必要が無かったです。ちなみに今回SIMPLESTERを利用して作成したテーマに新たに追加した要素として、横に並んだ記事リストがあります。このリストはSTINGER5のitiran.phpをそのまま利用しています。同じものに記事出力数だけを変更しています。Ver4の元々のデザインをflexboxを利用してカラム表示にしただけで、column-countを利用してカラム同士の幅等を設定しています。column-countを利用することで、例えばfloat:leftやmargin関係などの細かい部分を全て自動で計算してくれるためこのデザインを作るのも非常に楽でした。ちなみにcolumn-countやflexbox等を利用するとスマホ表示に対応するのも楽ですね。いうわけでこのサイトが作成したテーマですがいかがでしょうか。ちなみに作成の流れはSTINGER5をインストールしてSIMPLESTERをインストールして、SIMPLESTERを有効にしてからSTINGER5のテーマをカスタマイズしていきました。カスタマイズ用のCSSなどは新規で追加しました。以前のテーマの頃よりも表示スピードが早くなり、ページのパフォーマンスも体感的にも早くなったのが感じられます。皆さんもSTINGER5とSIMPLESTERを使ってテーマを作ってみてはいかがでしょうか!というわけで当ブログのテーマを変更しましたという報告でした。