引き続き Blogのリニューアル中（module）

こんにちは。引き続き Blogのリニューアルを続ける岩崎です。

記述するHTMLはもちろんですが、サーバサイドの設定やデザイン等などを勉強し直しています。
Webの業界にいるのである程度は分かっているつもりで居るものの、やはり実際に進めてみると発見が多いです。

金曜日の夜はレスポンシブイメージのネイティブサポートに関して、3時間くらい夢中になっていました。具体的には<picture>タグ関連ですが、まだまだ対応しているブラウザが少ないとは言え、レスポンシブ&高解像度端末の普及を考えれば、考慮しておく必要はありそうです。

そこから土日も Blog尽くし。...というコトで、この記事の後半はデザイン作成中のモジュール一覧。
本来は内部的に持っているページですが、今回は日記を書きながらリニューアルしていく予定なので、このまま公開してお事にします。

h2 中見出し

ダミー用テキストです。せっかくなので過去の日記から文章を引用しちゃいます。

先日 MacBook Airを購入し、あれこれワイヤレス化をしています。そこでネックになったのが無線LANの遅さ。せっかく高速な NASを購入（こうにゅう）したものの実力を活かしきれず、ますます低速さが目につくようになりました。

利用していた無線LANルーターは 11n 300Mbpsに対応していますが、実際の速度は 70Mbpsにも及ばない低速さ。いったい何が悪いのか。数日にわたる試行錯誤の結果、ようやく改善するコトができました。どうやら 11nなら 300Mbpsというほど簡単なモノではないようです。

2カラムのdivも用意してみた。幅が狭いときは 1カラム。

今後の大きな流れとしては、以下のような予定です。

CSSや JavaScriptの Minify: まずは無駄なスペースやコメントの削除のみですが、Minifierプラグインで実現。PageSpeed Insightsでエラーになったので、ファイルも1つにまとめました。2015/5/7
ユニバーサルアナリティクスに変更: Google Analyticsもユニバーサルに変更。Tag Manager悩んだもののそんなにタグを埋め込む予定がないので直書きで。2015/5/6

HTML abbr
サイトリンク dfn

入力値kbdは、キーボードの入力はもちろん選択するメニューとかでも利用予定。コード類はcodeだけど、常にpreの中、単独では利用しない。タグの説明<picture>などでも利用予定。target_blankのリンク例。

preは複数行のコードなどで利用。基本的に半角の英数字ペース。

ソースコードは preの中に codepre {  padding-left: 1em;  overflow-x: scroll;}

重要は、strong。強調はemを使うらしい。
smallは文字が小さくなるわけじゃない。補足情報。
~~既に正確ではない情報は s~~

ブロック引用 blockquote
ブロック引用 blockquote
citeプロパティは利用しない

citeタグは利用しない引用 q（カッコはブラウザ側で追加）との記載があります。^※

※補足はこんな感じで追記予定。
補足なので smallタグを利用。補足なので smallタグを利用。

NASへのアクセス速度比較 class=table-transpose
Xbench	旧親機	20→40MHz	2.4→5GHz	暗号化変更	改善率
Write 4K	1.48 MB/s	1.65 MB/s	1.60 MB/s	1.98 MB/s	134 %
Write 256K	5.19 MB/s	7.75 MB/s	7.84 MB/s	11.45 MB/s	221 %
Read 4K	1.57 MB/s	1.53 MB/s	1.91 MB/s	2.24 MB/s	143 %
Read 256K	7.78 MB/s	8.32 MB/s	12.11 MB/s	16.15 MB/s	208 %
Write 4K	1.41 MB/s	1.67 MB/s	1.56 MB/s	1.82 MB/s	130 %
Write 256K	6.39 MB/s	7.95 MB/s	8.60 MB/s	12.30 MB/s	193 %
Read 4K	1.43 MB/s	1.69 MB/s	1.71 MB/s	2.16 MB/s	151 %
Read 256K	7.75 MB/s	8.41 MB/s	11.58 MB/s	16.14 MB/s	208 %

それでは、本日はこの辺で...。^-^/~

新サイトで改善している点まとめ