2013/11/19

細かい修正は時々やっていましたが、久しぶりに公式サイトをリニューアルしました。

今回は完全なHTML5化とWikiエンジンのリファクタリングがメインですが、その他にも全体的に見直しを行ったので以下にメモしておきます。

なんちゃってHTML5を本物のHTML5に

今までレガシーブラウザを微妙に意識してHTML5専用のタグを使わずdivにタグと同名のidを振っていましたが、HTML5のあるべき姿に変更しました。

(今まで)

<div id="header">

(今後)

<header>

デザインをフラットデザインに

テキストのドロップシャドウや立体的なアイコン、背景のグラデーションやテキスタイルなどを取り払い、フラットデザインに移行しました。

アイコンを画像からアイコンフォントに変更

Font Awesomeを用いてアイコンを画像からアイコンフォントに変更しました。これでアイコンの大きさや色などもCSSで自由に変更できます。

トップに戻るボタン設置

1ページが長い場合、画面右下にトップへ戻るリンクを設置して一気にトップに戻れるようにしました。

関連資料・記事