Responsive Mode and Layout View in Firefox 15

เมื่อวันเสาร์ที่ผ่านมา (1 มิ.ย. 2555) Firefox Nightly ได้มีการอัพเดท 2 ฟีเจอร์ด้วยกันคือ Responsive Mode และ Layout View ซึ่งทั้ง 2 ฟีเจอร์นี้ จะอัพเดทใน Firefox 15 ครับ

1. Responsive Mode สามาถเข้ามาใช้งานได้โดยเข้าที่เมนู Tools -> Web Developer -> Responsive Mode
ซึ่งเราจะสามารถเห็นหน้าเว็บได้ในขนาดหน้าจอที่แตกต่างกันออกไป เหมาะสำหรับงานออกแบบเว็บไซต์ โดยเฉพาะสำหรับงาน Responsive Design ลองดูวีดิโอตัวอย่างจาก Paul Rouget ครับ

2. Layout View ตัวนี้เป็นส่วนเพิ่มเติมของ Inspect ครับ ซึ่งเป็นส่วนที่จะช่วยแสดงภาพให้เห็นถึง Layout บนหน้าเว็บได้ง่ายขึ้น เข้าถึงได้โดย Tools -> Web Developer -> Inspect เลือก Style ครับ จะมีลูกศรเล็กๆให้กดดู Layout อยู่ครับ

Firefox Nightly’s Layout view
About these ads

One thought on “Responsive Mode and Layout View in Firefox 15

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s