レスポンシブ化っぽい何か(仮)
- 2019/03/04 22:04
- カテゴリー:CardWirth, 作ってるモノ, ツール, サイト作成メモ, 時空の塔::History, 金狼亭::History, 砂塵の彼方::History
- タグ:サイト@時空の塔, サイト@金狼亭, サイト@砂塵の彼方, CWツール@cwNowUp
ほんの気の迷いで、レスポンシブ化しました。
と言っても、きちんと調整したのは、最も見辛いであろうトップページだけです。未調整のページも表示の横幅が一定以下になると小さい画面サイズ用の表示が適用されますが、ほとんどは横幅480pxで閲覧可能なように作ってあるので、だいたいのところ大丈夫ではないかと思いたい思います。調整が終わったところから等倍表示の設定をかけていく予定です。
作業の範囲は、「時空の塔」及び「踊る金狼亭」内の静的コンテンツを考えています。ただ、レスポンシブWebデザインを意識して作り直すところまでやるのは、手間を考えると無理そうです。元々あったパソコン用サイトはそのまま、スタイルシートだけ(+場合によってはHTMLの方も少し)いじって、スマホなど指で操作する端末でもだいたいストレスなく使えるようにできればと思っています。これを、胸を張ってレスポンシブ化と言うのもアレで……レスポンシブ化っぽい何か、ぐらいでしょうか。終わっていないので、今のところ(仮)です。
現在パソコン用フリーゲームの記事がメインらしい構成で、レスポンシブ化して意味があるのかはさておき。
なお、この不定期日記は、パソコン・スマホ・ガラケー用にそれぞれテンプレートが存在し、適宜切り替えて表示しています。何かあるたびに膨大な数のファイルを微調整していく手間を考えたら、CMSを上手く使っていく方が楽ですかねぇ。
Firefoxはウェブ開発メニュー内に「レスポンシブデザインモード」というのがあって、作業を進めるにあたって、かなり助かっています。
(3/5追記)
CardWirth関連で作ったTwitterアプリ「cwNowUp」にも、レスポンシブ化っぽい何かを施しました。