サイトをリニューアルしました
皆様のところは台風11合の影響はどうだったでしょうか。 広島は,今回もうま~く逸れてくれたおかげで大したことなくて済みましたが,四国辺りは例によって大変だったみたいですね。 被害にあった方々にはお見舞い申し上げます。
では本題。
サイトをリニューアルしました。 ポイントは以下の4つ。
- HTML5+CSS3+RDFa ベースの構成に変更
- デザインの統一
- ライセンス運用の見直し
- 重くなったブログパーツを捨てる
まずレイアウトを float ベースから flex ベースに変更した。 これがもう超絶楽チン♥。
flex はころころと仕様が変わるみたいで,そもそも名前からして2転3転してるので「ええんか? これ」とか思ったりするが,そろそろ仕様も固まったみたいだしいいかな,って感じで。
アイコンは Font Awesome を利用している。 プロジェクトが GitHub にあるのでしばらく Watch していたのだが,流量が多すぎて give up した。 最近こういうのが多いなぁ。 フォントを指定する際は Bootstrap CDN を利用すると良い。
そうそう。 Internet Explorer はサポート対象から外した。 っていうか,前からサポートしてないけど。 今回 CSS3 の機能を割と使ってるんだけど「IExx は対応してない」ってのが多すぎる。 んなもん面倒見きれるかっての。 まぁ業務系でもパソコンからタブレットにシフトしつつあるみたいだし(それも何故か iPad が多い) IE は淘汰されていくことを願うよ。
確認は Firefox と Chrome でしかしてない(Android 版の Firefox ではフォントサイズがグチャグチャになるけど,よくわからないので放置。仕事じゃないし)。 Safari のパソコン版はないので確認のしようがない。 結局ブラウザは Firefox と Chromium 系に2極化されてる感じだね(同じ WebKit でも Chromium 以外はあまり使いものにならない感じ。 Mac? iOS? 無視無視)。 せっかくなので,過去の古いしがらみを捨てた全く新しい実装とか出てこないものかねぇ。
もうひとつ。 IPA の icat を捨てた。 厳密には Flash のブログパーツを捨てて Twitter(@ICATalerts) の Widget に切り替えた。 いや, MyJVN バージョンチェッカにしてもそうだけどさ,なんでわざわざ Java とか Flash とかセキュリティ・リスクの高い製品を使うわけ?
捨てたといえば Google Analytics も捨てた。 うちのような辺境サイトには過ぎた玩具でした。 モロモロ捨てたおかげで Privacy Policy のページがエラくスッキリしてしまった。 善き哉。
ライセンスについては既に書いたのでここでは割愛する。 RDFa についてはだいぶ理解できた気がするので,そのうちちゃんとしたドキュメントにまとめるつもり。
- HTML5 スタンダード・デザインガイド~Webサイト制作者のためのビジュアル・リファレンス&セマンティクスによるコンテンツデザインガイド~ [リフロー版]
- エ・ビスコム・テック・ラボ
- マイナビ 2013-02-14
- 評価
by G-Tools , 2014/08/11