• GIZMODO
  • FUZE
  • BUSINESS INSIDER JAPAN
  • DIGIDAY
  • gene
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • roomie
  • machi-ya
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきち  - ,  11:00 AM

Firefoxのレスポンシブデザインビューに様々な機種のプリセットを一括追加できるアドオン

Firefoxのレスポンシブデザインビューに様々な機種のプリセットを一括追加できるアドオン

130728_re.jpg


More Display Resolutions」はFirefoxのレスポンシブデザインビューに様々な機種のプリセットを一括追加できるアドオンです。

Firefoxにはレスポンシブデザインに対応できているかどうかの確認をするために「レスポンシブデザインビュー」という機能が用意されています。解像度を自由に設定してその場でウェブページの見え方を確認できるのですが、More Display ResolutionsはそのプリセットにiPhone、iPad mini、 Kindleなど様々な端末の解像度を一括で追加できるアドオンです。

以下に使ってみた様子を載せておきます。


まずMore Display Resolutionsへアクセスしましょう。Firefoxにインストースしたら、レスポンシブデザインビューを開きましょう。


130728_re2.jpg


Firefoxのメニューの「ツール」→「Web開発」→「レスポンシブデザインビュー」から起動できます。


130728_re3.jpg


アドオンを追加すると、このように様々な端末の解像度が追加されています。ひとつひとつ自分で入れても良いですが、とても大変なので、アドオンで一括追加できるのは便利ですね。ぜひWebデザイナーの方やWeb開発をしている方は重宝すると思うので、試してみてください。


More Display Resolutions

(カメきち)

2017年注目のライフハックツール

MORE FROM LIFEHACKER

powered by
    
    
    
  

lifehacker

Recommended

© mediagene Inc.