先月 Tokusetsu 3 という、告知サイトに特化したテンプレートを作った。 sanographix.github.io 検討しはじめてから諸々の調整を経てリリースまで1ヶ月くらいかかっていて、個人プロジェクトとしては比較的長めだった。せっかくなので制作時の知見を残しておきたい。技術的にはそんなに高度なことやってなくて、Tumblr独自タグの扱いくらいだけど、テンプレート設計するときは仕様の取捨選択とか、結構そういうところの気持ちが大事で、それも言語化できる範囲でまとめることにする。 目次 目次 概要 観察する Tokusetsu 2の課題を見つける 基本的な設計方針 限定的な汎用性を保つ なぜTumblrか テンプレートタグの仕様 お絵かきする 小技 Flexbox ダークモードの切り替え ヒーロヘッダのサイズ感 すごいシンプルなLightbox的なもの LPつくる タグライン書く
![Tokusetsu 3 テンプレートのつくりかた(技術的・気持ち的解説) - SANOGRAPHIX Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/a01ef1d348195d85bec216e007357a2394364b27/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fs%2Fsngrpx%2F20161013%2F20161013204935.jpg)