Webの画面をデザインしているとき、PCやタブレット、スマートフォンなどの様々なプラットフォームでどのように表示されるのかを確認したい場合があります。そんなときに役立つサービスを紹介したいと思います。
Responsive Web Design Test Tool – Designmodo
このサイトでは、Webのデザインが各プラットフォームでどのように表示されるのかを確認することができます。
使い方はURLを指定して、プラットフォームを選択するだけ。
PCやタブレット、スマートフォンの代表的なものが選択できます。
【スマートフォン】
【タブレット】
【ノートPC】
【デスクトップPC】
画面にはピクセル単位のx座標軸が表示されているので、サイズの微調整もやりやすいと思います。これで全てが試せるわけではありませんが、ある程度の見え方を確認しておくのには良いのではないでしょうか。Webのデザインをするときにはぜひ使ってみてはいかがでしょうか。
関連する記事
FC2 ブログでSyntaxHighlighterを使ってソースコードを表示する。
FC2ブログからWordPressへ引っ越しした時にやったこと
検索エンジンのクローラー用サイトマップ(sitemap.xml)とは
検索エンジンのクローラー用のサイトマップ(sitemap.xml)を作成する
Macにcasperjsをインストール
Windowsにcasperjsをインストール
Javascriptフレームワーク CasperJS 基本的な使い方(1) 画面キャプチャをとってみる
Javascriptフレームワーク CasperJS 基本的な使い方(2) ページ内の特定の要素を取得する
Javascriptフレームワーク CasperJS 基本的な使い方(3) ボタンやチェックボックスをクリックする
Javascriptフレームワーク CasperJS 基本的な使い方(4) Webスクレイピングしてみる
最近目にしたFacebookの小ネタ
Facebookで安易に「いいね！」やシェアをすると危険！
