デザイン変更(途中)

現在、当サイトはデザインリニューアル中です。

完成してから本番反映と考えてはいましたが、いろいろ迷う部分もあって完成図ができるまで待っていると時間がかなりかかりそうだったため見切り発射となりました。

手作業で1記事づつ修正しないとならない部分が多々あるため、そのあたりを暇を見て進められるように、というのものあります。

リニューアル着手の理由

なお、リニューアルに踏み切った理由は、先日のAMPの記事で、書いた本人ですら非常に見辛かったためです。

そこで、せめてコードだけでも見やすい形にしたかったので、今回実行に移したという形です。

なお、この点に関して1点試していることがあります。

まだ1記事(WordPressのAMP対応:メモ2)にしか用いていませんが、以下の仕組みです。

  • 本文の最大横幅(今回は650px)を越えて、コード部分が横に広がる

横幅500px程度では狭い

海外のサイトでコードを見た際に、本文の横幅が500pxしか無く、隠れた部分をみるためにかなりスクロールしなければならないことがありました。

この時に「狭いのは使いにくい!」と強く感じまして、たとえ全体のデザインが多少おかしくなったとしても、コードを見やすいようにしたいと考えました。

そのため、「リニューアルするなら3カラムを試そう」と考えていたのを、急遽1カラムで考え直したりしました。

結び

既に述べた通りまだできていませんので、ちょいちょい手を加えていきたいと思います。

ちなみに、今後対応させるかもしれませんが、IEとEdgeは無視していて一切見てません。

IE無視であれば軽量なバージョンのjQueryなども使えますし、それだけ軽いサイトにしやすいとは思いますが、ここまではライブラリなしで構築していますので、できるかぎりこの方向で進める予定です。

0人がこの記事を評価

役に立ったよという方は上の「記事を評価する」ボタンをクリックしてもらえると嬉しいです。

連投防止のためにCookie使用。SNSへの投稿など他サービスとの連動は一切ありません。

コメント欄