ここのところ、記事の更新が停滞気味
な状態ですが、
写真旅ブログで日本一周【一筆書き】を、Pinterest風にリニューアルしてみました![]()
スマートフォンや、タブレット、ミニタブレットも含め、色んなデバイスが登場していく中、これまでのように「WEBサイトはPC表示だけで良い」という考え方では時代遅れで取り残されてしまいます。
でも、数あるデバイスにイチイチ対応させるべくHTMLを組み立てていれば、めちゃめちゃ非効率ですよね。
そこで、うまく活用したいのが「レスポンシブウェブデザイン」という考え方。
レスポンシブウェブデザインで組み立ててしまえば、HTMLのソースそのものが1つで完成するので、
例えば1箇所のテキストや画像を入れ替えるにも、更新する場所は1つで済むのです

写真旅ブログで日本一周【一筆書き】は、デバイスの幅によって、幅が広がれば広がるほど4列にも5列にも6列にも広がっていきます。
逆にスマートフォンや、ミニタブレットなどの小さい画面で見てもらえれば、3列以下の表示時はFacebookで実装されているように、下図赤矢印部分をタップすることでウィンドウが広がる仕様


さらにはスマートフォン、タブレットで見ていたらければ
「LINEで送る」ボタンも表示するよう細工もしております。(PCでは非表示)

イイねを押して頂けるかたは、写真旅ブログで日本一周【一筆書き】ページ内、左上のイイねボタンからよろしくお願いします

あとは
・記事一覧のサムネイル画像の荒れを調整する(function.phpの一箇所を調整するだけで良いはずなんだけどなぁ。今日のところはタイムアップ
)
・はてなブックマークのボタンが一部端末で表示されていないので調整中。
・ウェザーニュースのブログパーツが、iOS機器で表示されていないみたい
と、まだ要調整な部分は追って修正していきます。![]()

