スマホでも読めるRWDサイトにしました

2014年2月9日

今年はこのサイトにいろいろ書こう！あ、そうだ久しぶりにサイトのソース更新しておくかな？と、最近のウェブ制作のことを調べたら知らない用語だらけだし、エディタのCoda が Coda ２になっていた。

いつの間にと思ったら Coda 2 は2012年リリースで、だいぶ前の更新…。さっそくApp Store版を買って勉強をふむふむ。「CodaでつくるWebサイト制作入門（Coda 2対応）」を読んでだいぶははかどり、プレビューできるユーザーエージェントにiPhoneがあってほんと助かった。Androidも確認できるようになるといいなぁ。

《最近知った言葉たち》

<!DOCTYPE html>（HTML5）: 最新HTMLで何かが変わるらしい…
RWD（レスポンシブ・ウェブ・デザイン）: 画面の大きさにかかわらずサイトをより良くみせるためのウェブデザイン
jQuery（ジェイクエリー）: JavaScript関係…
OGP（Open Graph Protocol）: Facebook関係…

ウェブサイトは読みやすいのが素晴らしい、と思っていたらスマホではこのサイトが普通に読めなくなっていたらしい。スマホ持っていないので想像。

うちのウェブ & 通信環境が、Mac, PC, タブレット, ガラケーだったのでスマホからはサイトを見たことがなかった。iPad miniからは見ていたのでスマホもちょっと小さいだけで同じだろうと思ってたらぜんぜん違っていたのだった。

スマホを持っていないのは必要を感じない上に、データ通信料が高いんでしょ？と思っているから。通信料０円の iPod touch を買っとくかな。→→→ iPod touch を買いました

取り急ぎ、RWD だけ対策。とりあえず幅だけ狭くしたような…。細かいところは後々。