【はてなブログ】デザインバージョン3.1をリリースしました

f:id:Kawan0116:20210516182222p:plain

本日、デザインバージョン3.1をリリースしました。

主な変更点は以下になります。

IE対応の強化

IEなんてコンテンツが崩れない程度でいいや」

そう思っていました。しかし、ガッツリと対応することにしました。

他のブラウザとあまり変わらない表示になっているかと思います。

あろうことか、IE対応は比較的簡単でした。

ただし、IEは読み込みが遅いので表示確認に時間がかかります。

原因は「はてなスター」の表示になります。

それを読みこみ終えるとサクッと表示されます。

はじめから、はてなスターを非表示にした状態だと表示スピードは速いかと思います。

しかし、はてなスターは重要なモノなので我慢して表示されるのを待ちます。

時間にして1分程度かな?その程度なら待つしかないですね。

display:grid→display:flex

IE対応する場合、経験上display:gridはレイアウトが崩れましたのでfloatを使っていました。

display:flexIEで大丈夫。

なのに、なぜdisplay:flexを使わないのかと言うと、display:flexはマージンの取り方が難しいのです。

しかし、頑張って対応してみました。

その結果、IEでも問題は無くなりました。

カテゴリボタンのカスタマイズ

サイドバーのカテゴリボタンをカスタマイズしました。

これまたサイドバーのカテゴリボタンはdisplay:gridを使っていたのですが、display:flexに変更。

IE対応する以上、display:gridはかなり難しいのかなと思います。

display:gridは好きですが、封印することにします。

さいごに

主な変更点は、display:grid→display:flexにすること。

たったそれだけですが、1日程度かかりました(笑)。

なお、この変更はサイトの表示に大きく関わる部分になっていて、確認もだいぶ時間を使いました。

デザインの大幅な変更はありませんが、内部で大きく変更しました。

デザインの大幅な変更は考えていませんけどね。

今のデザインで気に入っていますので・・・。

それでは、また次のブログ記事でお会いしましょう!