แอบดูเว็บไซต์ ทำไมสวยจัง

เครื่องมือในการจัดทำเว็บ

เคยสังสัยและอยากทราบหรือไม่ว่า เว็บไซต์ที่เราเห็นว่าสวยมาก เขาใช้เครื่องมืออะไรในการพัฒนาเว็บ รวมทั้งสัพเพเหระต่างๆ ไม่ว่าจะเป็น Font ที่ใช้งาน ขนาดของรูปภาพและสัดส่วนของภาพ บทความนี้ จะมารวบรวมเครื่องมือเสริมที่ใช้บน Google Chrome ที่เรียกว่า "Extensions" ที่น่าสนใจ เหมาะอย่างยิ่ง สำหรับคนทำเว็บ หรือมีเว็บไซต์เป็นของตนเอง

"Extensions - Chrome" คือ โปรแกรมเสริมขนาดเล็กที่ทำให้ web browser อย่าง Chrome มีประสิทธิภาพมากขึ้น สามารถติดตั้ง โดยเข้าไปที่หัวข้อ Chrome Extensions จากนั้นก็พิมพ์คำ keyword ที่ต้องการค้นหา โดยที่ โปรแกรม Extensions จะเก็บไว้ที่อ Chrome Web Store อีกที

Chrome Web Store คือ ที่เก็บ Chrome Extensions, Theme ของ Google Chrome บราวเซอร์นั่นเอง

รวมเครื่องมือตรวจสอบข้อมูลบนเว็บ

• Wappalyzer
  Extensions ใช้สำหรับตรวจสอบรายละเอียดเครื่องมือในการพัฒนาเว็บทั้งหมด ไม่ว่าจะเขียนด้วยภาษาอะไร ระบบฐานข้อมูลที่ใช้ มีการใช้ SEO/Blogs/Web Server หรือใช้ Widgets อะไรบ้าง
• WhatFont
  Extensions ขนาดเล็ก หลังติดต่อ แค่เลือก WhatFont จากนั้นก็เพียงลากเม้าส์ไปใกล้ตัวอักษรบนเว็บที่ต้องการ จากนั้น จะมีหน้าต่างเล็กๆ แสดงว่าใช้ Font อะไร
• Image Size Info
  Extensions อีกหนึ่งโปรแกรมที่ถูกใจเป็นพิเศษ เหมาะที่จะใช้สำหรับการตรวจสอบเว็บไซต์ที่มีรูปภาพ อยากทราบว่า ขนาดของภาพมีสัดส่วนหรือไฟล์ขนาดใหญ่เท่าไหร่ แค่คลิกขวาเลือกคำสั่ง "View Infor" ก็จะพบหน้าต่างแสดงรายละเอียดห้ทันที 

ภาพตัวอย่าง Chrome Extensions

Wappalyzer - แค่เปิดหน้าเว็บที่ต้องการ คลิก Wappalyzer ก็จะพบหน้าต่างนี้

 Whatfont - แค่คลิกเลือก extensions นี้ จากนั้น วางเม้าส์ที่ตัวอักษรที่ต้องการเช็ค

Image Size Info - หลังติดตั้ง เข้าเว็บไซต์ที่ต้องการ คลิกขวาที่ภาพ จะมีคำสั่ง "View info"

ใครทำเว็บก็ควรมีติดตั้งประจำเครื่องคอมพิวเตอร์ได้เลย แถม Extensions ข้างต้นทั้งหมด ก็เป็นการให้บริการฟรี ไม่ได้มีค่าใช้จ่ายอีกด้วย เน้นย้ำอีกข้อนะครับ Extensions นี้ ใช้ได้เฉพาะของเว็บบราวเซอร์ Google Chrome เท่านั้น ถ้าใครใช้ของค่ายอื่นๆ ก็ลองไปตรวจสอบกันอีกทีว่า รองรับด้วยหรือไม่