ปรับ Layout เว็บด้วย Chrome

วันนี้ระหว่างที่ผมนั่งเปิดเว็บอยู่เจอโพสต์อันหนึ่งที่รูปภาพใหญ่กว่าเนื้อที่แสดงผลของเว็บทำให้เห็นภาพไม่เต็ม เว็บทั่วไปจะกำหนดความกว้างของหน้าแบบคงที่เพื่อไม่ให้เว็บแสดงผลผิดเพี้ยนไปตามขนาดหน้าจอ ส่วนใหญ่ก็จะตั้งไว้ให้รองรับหน้าจอความกว้าง 1024px แต่ผมใช้จอที่มีความกว้าง 1920px ผมเลยใช้ Chrome Developer Tools ปรับ Layout ของเว็บนี้ให้ใหญ่ขึ้นเพื่อที่ผมจะได้เห็นรูปแบบเต็มๆ

ก่อนปรับแต่งจะเห็นว่าเห็นรูปแค่บางส่วน
im-0006.jpg

กด F12 คลิกหาบรรทัดที่ทำให้เนื้อหาส่วนที่ต้องการเป็นสีฟ้า สังเกตุที่ด้านขวาจะมีบรรทัดที่เขียนว่า width: 950px; นี่คือ CSS ที่บีบความกว้างของเว็บนี้เอาไว้
im-0007.jpg

คลิกที่ CSS บรรทัดที่ต้องการเพื่อเพิ่มความกว้าง หรือยกเลิกก็ได้ จะเห็นว่าเห็นรูปเต็มทั้งรูปแล้ว
im-0008.jpg

กด F12 อีกครั้งเพื่อปิด Developer Tools ตอนนี้ก็ดูเว็บแบบเต็มจอได้แล้ว
im-0009.jpg

นี่เป็นแค่ตัวอย่างง่ายๆ ในการใช้ Developer Tools ถ้าคุณใช้ CSS เป็นคุณก็ปรับรูปแบบเว็บต่างๆ ได้ตามที่ต้องการเลยครับ

Internet Explorer 10

ผมเลิกใช้ IE ไปตั้งแต่มีคนทำให้ Firefox ตัดคำไทยได้ ซึ่งตอนนั้นตัว official ยังทำไม่ได้ แต่จะมีใช้ IE บ้างก็พวกเว็บใหญ่ๆ กับเว็บราชการของไทยที่แสดงผลบน Firefox เพี้ยน เหตุผลแรกที่ผมเลิกใช้ IE เพราะไม่มี Tab Browsing และผมว่า Firefox แสดงผลออกมาตรงกับที่ผมเขียนมากกว่า ต่อมาก็ใช้ Add-On ของ Firefox จนติด ถึง IE จะมี Tab Browsing แล้วแต่การแสดงผลก็ยังเพี้ยนอยู่ดี ผมก็ยังคงใช้ Firefox ต่อไป มาช่วงหลังทุกเว็บที่ผมใช้งานบ่อยๆ รองรับ Firefox ทั้งหมด และหลายเว็บเริ่มไม่รองรับ IE

Continue reading “Internet Explorer 10”

ให้ Google Chrome save pdf แทนการ open ใน browser

คนที่ใช้ Google Chrome บางคนอาจจะชอบที่เปิดไฟล์ pdf ขึ้นมาใน browser เลย แต่หลายครั้งที่ไฟล์มีขนาดใหญ่และเราต้องการให้ save เอาไว้ก่อนค่อยอ่านทีหลัง หรือต้องการเปิดผ่านโปรแกรมอื่นๆ เช่น Foxit PDF วิธีง่ายๆ ครับ

  1. พิมพ์ chrome://plugins/ ที่ address bar
  2. กด Disable ที่ Chrome PDF Viewer
a-0020.jpg

หลังจากนั้น Chrome ก็จะให้เรา save หรือเปิด pdf ในโปรแกรมอื่นๆ ได้แล้ว

เปรียบเทียบ Chrome 11 กับ Firefox 4

ผมเคยเปรียบเทียบ chrome กับ firefox ไว้ครั้งหนึ่ง วันนี้ทุกอย่างเปลี่ยนไปมาก chrome มี extension มากขึ้น และ firefox ปรับปรุงประสิทธิภาพและหน้าตาไปเยอะพอสมควร ก่อนหน้านี้ผมใช้ chrome เป็น  browser หลักมาพักใหญ่ ปัญหาซึ่งคนอื่นอาจจะไม่เป็นคือ การพิมพ์ใน address bar แล้วไม่เปิด tab ใหม่เลย ต้องกด alt+enter ทำให้เผลอเปิดหน้าใหม่ทับของเก่าบ่อยๆ อีกอย่างคือไม่มี extension ช่วยโหลด video เนื่องจากบางครั้งอินเตอร์เน็ตช้าจน video กระตุกดูไม่ได้ และใน ubuntu ผมยังหาสาเหตุไม่ได้ว่าทำยังไงให้ทุกเว็บใช้ font ที่เราตั้งไว้ เพราะ chrome ไปใช้ font อื่นหลายเว็บเหมือนกัน

update : อาการใช้ font อื่นบน ubuntu แก้แล้วบน chrome 12 สามารถปรับ font ได้ละเอียดขึ้น

Continue reading “เปรียบเทียบ Chrome 11 กับ Firefox 4”

Google Chrome 11

Google Chrome 11 ออกมาพักหนึ่งแล้วแต่ยังไม่ใช่ stable version จากการใช้มาพักหนึ่งก็ยังไม่เจอปัญหาอะไร แต่การใช้งานให้ได้ประสิทธิภาพที่ดีขึ้นควรจะโหลด extension และตั้งค่าเพิ่มนิดหน่อย
ดาวน์โหลดที่นี่  http://www.chromium.org/getting-involved/dev-channel ล่าสุดคือ Canary build แต่แนะนำให้ใช้ dev ซึ่งเสถียรกว่า

หลังจากติดตั้งเสร็จแล้วก็ตั้งค่าเพิ่มเติมคือ

  1. ตั้งค่าภาษาไทยสำหรับบางเว็บที่อาจจะตัวเล็กไป Options > Under the Hood ที่หัวข้อ Web Content คลิก Customize fonts ตั้งค่าตามนี้
    im-0004.jpg
  2. Options > Personal Stuff ที่หัวข้อ Sync ให้ Sync กับ Gmail เพื่อให้จำค่าต่างๆ ทั้ง Bookmark, Password, Extension เหมาะสำหรับคนที่ใช้ Computer มากกว่า 1 เครื่อง Continue reading “Google Chrome 11”