![[Ď] WebDirector Memo](http://directormemo.sub.jp/wp-content/uploads/2016/04/logo4.jpg){kind=logo}
お疲れ様です。@Micchy_R
こういうやり方があったのかと、ビックリしたまとめ系サイトを見つけたのでご紹介したいと思います。
サイトのまとめ方って色々あるのですが、よく見るのは「タイトル」+「キャプチャ」にリンクがされているもの。
コレだけでも見ている方が十分過ぎて、逆にまとめてくれてありがとうとお礼を言いたくなる程です。
ですが、ちょっとした工夫をしただけで、ここまで見やすくなるんだという表示方法で、さらに探すのが楽になりそうです。
ただ、このやり方の善し悪しは全く持って不明。不透明。
これがスタンダードになるとは思えないのです、確かに便利です。
お疲れ様です。@Micchy_R
レスポンシブウェブデザインが割りと一般的になったと思っているのですが、その確認用のサービスも一般的になってきたんだなぁと実感しています。
先日も同じようなエントリーをしているので、この手のチェック用サービスは山ほど転がっているのでしょう。
見た目や使い勝手の良さそうなものがあったら、またエントリーをするかもしれません。。。
今回紹介するサービスは約50種類のデバイスサイズで確認することができます。
スマートフォン、タブレット、ノートPC、デスクトップの4種類がベースですが、Appleだけでなく、AmazonやDell、HTCやAsusなど、手広くいっきに確認できてしまいます。
あくまでサイズの確認ができるだけなので、実機での表示はどうなるか分かりません。
デバイス毎に致命的なバグが含まれているようですので、その確認はどうやっていくのが正解なのでしょうかね？
お疲れ様です。@Micchy_R
コーダーさんによってマークアップの手法はマチマチですよね。
人が変わればやり方も変わるわけで、ソースコードを見ただけでコーダーさんの丁寧さや正確さが感じられてしまったりします。
丁寧に仕上げてくれる人ならネストもきちんとされていて、他の誰が見ても分かりやすいソースになってますし、
時間がなく急遽対応したものなどは丁寧さもかけて、ネスト？は？みたいな状態で渡されることもあります。
自分自身、読みにくいソースを渡されたときはガッカリしてしまいますし、こういうコーダーさんなんだと残念に思ってしまいます。。
ですが、渡されたものは確認しないといけません。
Dreamweaverなどのアプリケーションを使えば簡単なのですが、使っていなかったり、コーダーさんしか持っていなかったりもするので、
そんな不満を解消してくれるウェブサービスです。
お疲れ様です。@Micchy_R
ブラウザを固定のサイズで表示しておきたいことって割と多いと思います。
レスポンシブのサイズ別検証をしたりすると、ブラウザごとにウィンドウサイズを調整するのは至難の技。ブラウザによってはプラグインなどで調整できるようになっていたりもしますが、使い方も個別で面倒。
FireFoxで、IEで、Safariでとか。もう検証するだけでも大変なのに、ブレイクポイントの数だけ何倍にも膨れて行くわけですから、検証前の調整はなるべく簡単にしておきたいところです。
今回ご紹介するのはそんな面倒を解消してくれるウェブサービスです。
プラグインとかではないので、どんなブラウザでも使える便利なサービスです。