อันดับที่ 3 : Stylish

29 ธันวาคม 2006 โดย ooooo Tags:

Stylish จะเป็นเครื่องมือที่ทำให้ท่านสามารถจัดการกับรูปแบบการแสดงผลต่างๆ ทั้งเว็บไซต์ หรือตัวเบราเซอร์ของผู้ใช้ ให้มีในรูปแบบที่แตกต่างออกไปจากเดิม ผ่านกระบวนการของ CSS…. ซึ่งที่พูดมาทั้งหมด ฝรั่งเขาจะเรียกสั้นๆว่า UserStyle ครับ

สมมุติว่ามีอยู่เว็บนึงมันมีกรอบป้ายโฆษณาขึ้นอยู่ ผมเห็นแล้วรำคาญก็เลยต้องการจะลบมันทิ้ง ทีนี้จะทำได้อย่างไร ในเมื่อไฟล์เว็บนั้นมันเป็นส่วนปลายทาง ก็มีอยู่ 2 วิธีครับ คือ 1.ใช้ Javascript 2.ใช้ CSS ….แต่ข้อเสียของ Javascript มันจะเป็นการโหลดปลายทางน่ะครับ มันก็เลยจะมีช่วงเวลาที่ยังเห็นป้ายโฆษณาอยูแ๊ป๊บนึง จนกว่าคำสั่งในการลบมันทำงาน กรอบโฆษณาจึงค่อยหายไป ส่วน CSS จะเป็นในแนวทางที่ดีกว่าครับ คือมันจะใช้รูปแบบคำสั่งที่ไปทับเจ้าคำสั่งเดิมของตอนเปิดเว็บ ทำให้คำสั่งเดิมไม่ออกมาแสดงฤทธิ์เดชให้เห็น (ใช้ !important เป็นตัวช่วย)

พูดไปไม่ค่อยเห็นประโยชน์ เอาเป็นว่าดูสิ่งที่เป็นรูปธรรมดีกว่าครับ

การใช้งาน

Extension นี้ จะแบ่งผู้ใช้งานออกเป็น 2 กลุ่ม คือ คนสร้าง กับ คนใช้งาน …ซึ่งวันนี้จะขอพูดถึงเฉพาะคนใช้งานอย่างเดียวครับ วันหลังอาจจะพูดถึงการสร้าง UserStyle ไว้ใช้บ้าง

หลังจากที่ติดตั้ง Extension เรียบร้อยแล้ว ให้เข้าไปที่เว็บนี้ครับ

http://userstyles.org

โดยตรงเมนูของเว็บ จะมีอยู่ 3 หมวดครับ

Site Styles: เป็น UserStyle ของรูปแบบของเว็บไซต์ที่เฉพาะเจาะจงครับ เช่น Google, Youtube ฯลฯ
App Styles: เป็น UserStyle ของรูปแบบการแสดงผลในเว็บเบราเซอร์ เช่น ขยายกล่องค้นหา, เปลี่ยนสีแท็บ ฯลฯ
Global Styles: เป็น UserStyle ของรูปแบบการแสดงผลทั่วๆไปครับ ไม่เฉพาะเจาะจง

โดยคุณก็เข้าไปหา UserStyle ของเว็บที่คุณต้องการมาครับ แล้วกดเข้าไปจะเจอกับปุ่ม Load into Stylish พอกดจึ้กเข้าไป มันก็จะเด้งตัว extension ของเรามาครับ จะเลือก Save หรือจะ Preview ดูก่อน ก็ตามสบายครับ

แล้วต่อไปนี้ จะเป็นบางส่วนของ UserStyle เด็ดๆ ที่เอาไว้อวดเพื่อนๆ พี่ๆ น้องๆ ได้ครับ