walkImo あなたのブログはしなやかになった

ブログのHTML、CSSをガラリと変えてみました!
気分転換したかったというのもありますが、
「レスポンシブ」なデザインに変えたかったのが一番の理由
以前、SSL化する際にもたくさん弄りましたが、
当時はレスポンシブにはせず、PC、スマホ分けてHTML、CSSを書いてました
正直二つ管理するのはめんどくさいので、スマホ版デザインを削除
スマホで表示する時も必ずPC版のデザインを使うように変えてみました

blogResBefore.png

今までのPC版ブログデザイン
PC版の方は結構いい感じで気に入ってました
妹がたくさんいるのも評価高いよね(?)

blogResBefore2.png

今までのスマホ版ブログデザイン
こっちはほぼテンプレのものをそのまま使用していました
悪くはないんだけど、PC版と比べると使いづらいよね

blogResAfter.png

そして、新しく作ったレスポンシブなブログデザインがコレ
今までのと比べると全体的に画面を大きく使えるようになった
背景色も白黒中心のシンプルな感じで見易くなったと思います
画面サイズが変わると柔軟にレイアウトも変わってくれます ワァオー

blogResAfter2.png

スマホ表示もPC版のデザインが表示されます
スマホは画面が小さいので、1カラム表示ですね
今までのスマホ版デザインよりは使い易いはず…はず…
これでわざわざスマホ版のHTML、CSSを編集する必要がなくなりました

まだ作ったばかりで妹が少なくて寂しいですよね
大丈夫、ご安心ください

ちょっとずつ増えるから待ってて、お兄ちゃん!

今だけだ…そのうち以前のようになるさ…
スポンサーサイト



2 コメント

名もなき冒険者  

「おやっ?」と思いつつもポインターに纏わり付く子は相変わらずですね。

2018/11/28 (Wed) 01:48 | REPLY |   
9nanometer

9nanometer  

Re: タイトルなし

> ポインターに纏わり付く子

お兄ちゃーん、待ってー!
ストーカー妹ちゃん(仮称)はjavascriptとcssで実装しているため、
htmlの構造に依存せず簡単にコピペで実装できちゃうんです。
こういう簡単に実装できるものは問題ありませんが、
前のデザイン用に作った画像はそのままでは使えないものが多くて大変です。
せっかくだし、それらの画像は捨てて新しく用意しようかな…時間があればね。

2018/11/28 (Wed) 19:43 | REPLY |   

コメント投稿

dispLog
  •  
  •  
  • Lafrontier presents Elona ver1.22. Welcome traveler!