10

บล็อกตอนนี้เป็นการเอามะพร้าวหาวมาขายส้วน (อ่านแล้วได้อารมณ์ทองแดงมาก) ล้วนๆ ครับ

นอกจาก IE :13: ที่เป็นตัวถ่วงวงการเบราว์เซอร์โลกแล้ว
ยี่ห้ออื่นที่รู้จักๆ กันเนี่ย ก็โอเคเหมือนกันหมด มีดีมากบ้างน้อยบ้างก็ต่างแข่งขันกันไป
แต่ตัวที่ผมยังใช้เป็นหลักอยู่ทุกวันนี้ก็คือหมาย่างเจ้าเก่านี่แหละครับ
เพราะข้อดีของมันก็คือ มันปรับไอ้นั่นไอ้นี่ได้เยอะ เยอะจนงงเลยว่าเฮ้ย มึงให้กูขนาดนี้เลยเหรอวะเนี่ย
โดยไอ้ส่วนที่ปรับแต่งเพิ่มเติมหรือสวมเพิ่มนั้นเขาเรียกว่า Add-ons ครับ ลองโหลดมาเล่นดูได้

ดึงเข้าเรื่องอย่างรวดเร็ว.. ผมจะขอแนะนำแอดออนตัวนึง ที่เป็นตัวโปรดของใครหลายคนเหมือนกัน
นั่นก็คือลิงน้อย GreaseMonkey ครับ ใครใช้หมาย่างก็จิ้มไปโหลดติดตั้งก่อนเลยจะได้คุยกันต่อ
อติดตั้งปั๊บ (รีสตาร์ทหมาย่างหนึ่งครั้งเป็นอันเรียบร้อย) มันจะมาโผล่ยิ้มอยู่มุมจอแบบนี้

greasemonkey

ถ้ากดครั้งนึงมันจะยิ้ม(เปิดใช้งาน) กดอีกครั้งมันจะบึ้ง(คือปิดใช้งาน)
หลักการทำงานของมันก็คือ ไอ้เจ้าลิงน้อยเนี่ยมันเหมือนเป็นตัวสวิตช์เพิ่มพลังให้หมาย่างของเรา
คือพอติดตั้งเสร็จแล้วเราก็ไปหาช็อปปิ้งเลือก “สคริปต์” ที่ชาวบ้านเขียนแจกฟรีในนาม Userscripts
ซึ่งไอ้เจ้า ยซสค (ขอย่อหน่อยเหอะ พิมพ์เมื่อยมาก) เนี่ยมันเป็นตัวเสริมเพิ่มพลังให้กับหมาย่างของเรา
โดยวันดีคืนดีถ้าเราเขียนเป็นแล้วอยากเขียนไว้ใช้เอง หรือเอาไปแจกต่อในเว็บเขา ก็ย่อมได้

ไม่งงนะครับ สเต็ปคือ ใช้หมาย่าง > มีลิงน้อยเป็นสวิตช์ > โหลด ยซสค มาใส่เพิ่มพลัง

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

อ้อ ที่เห็นลิงของผมมีไฟลุกท่วมนั่น เป็นเพราะลง Add-ons อีกตัวชื่อ GreaseFire เพิ่มเข้าไปครับ
เวลาเข้าเว็บไหนแล้วสังหรณ์ใจว่าเว็บนี้น่าจะมีคนเขียน ยซสค ก็ให้สังเกตว่าไฟลุกรึเปล่า
ถ้าใช่ก็ให้คลิกขวาแล้วดูว่ามีสคริปต์ที่ชาวบ้านเขียนมาสำหรับเว็บนี้ๆ กี่ตัว แล้วเลือกลงได้ตามใจท่าน

อ้ะ มาว่ากันต่อ.. ทีนี้จะแนะนำ Add-ons อีกตัวนึงครับ ชื่อ UserStyles

userstyles

ยซสต เป็นพี่น้องกับ ยซสค (พอเขียนตัวย่อแล้วพาลให้ปวดตับมากๆ)
ต่างกันที่ ยซสค เป็นการปรับแต่งโค้ดในแต่ละเว็บ (รวมถึงดีไซน์ด้วย เพราะดีไซน์ก็เป็นโค้ดชนิดนึง)
ส่วน ยซสต เป็นการปรับแต่งดีไซน์ CSS ของเว็บและของเบราว์เซอร์เอง
โดยที่การลง ยซสต นั้น ไม่ต้องลงลิงน้อยเพื่อเป็นสวิตช์ก่อน คือลงกะหมาย่างเพียวๆ ได้เลยครับ
หลักการของมันคือ “เอาโค้ด CSS มาแปะสวมทับหน้าเว็บที่ต้องการเปลี่ยนโฉม” ก็เท่านั้น
เอ้า ลองมาดูตัวอย่างความสามารถของมันกัน จะได้ไม่งงว่ามันทำอะไรได้บ้าง

ซึ่งอันที่ผมเพิ่งปรับปรุงไปล่าสุดเมื่อคืนนี้เองก็คือ ยซสต ชื่อ Pantip.com: iannnnn’s redesigned style จ้ะ
เปลี่ยนดีไซน์พันทิปในหน้ากระทู้และหน้าเนื้อหาให้ถูกใจตัวเอง (คนอื่นถูกใจเปล่าไม่รู้ :16: )
ถ้ารู้สึกว่าอยากอ่านพันทิปให้สบายตาขึ้นก็ลองดูนะครับ ดังภาพบีฟอร์-อาฟเตอร์ด้านล่างนี้จ้ะ

before -> after

และเนื่องจากพันทิปเขาเพิ่งมีการเปลี่ยนแปลงดีไซน์ใหม่นิดหน่อย (กำลังงงๆ อยู่)
เดี๋ยวถ้ามีเวลาว่างนึกคึกนึกสนุกก็จะไล่ตามแก้ไขหน้าใหม่ๆ ให้มันดูสะอาดๆ ตกไปตามกัน

.

ป.ล.
เว็บพันทิปไม่ได้ใช้ CSS ในการออกแบบครับ แต่ใช้ตาราง???
แปลกแฮะ จริงๆ ไหนๆ จะทำใหม่ทั้งทีน่าจะปรับให้เป็น CSS ไปเลยทั้งเว็บนะครับ
เพราะการแยกเนื้อหาออกจากดีไซน์มันน่าจะเป็นเรื่องดีสำหรับเว็บโคตรใหญ่ขนาดนั้นแล้วนี่?
ไม่รู้เหมือนกันครับว่าทางผู้จัดทำเขามีนโยบายยังไง เลยยังอนุรักษ์ประเพณีอันดีงามนี้ไว้
(เรื่องของเรื่องคือเวลาจะแก้ไขโค้ดทีมันย้ากยากครับ ต้องไล่จิ้มเอาแบบกำปั้นทุบดิน :05: )

ป.อ.
ไม่ได้เขียนบล็อกมาหลายวันนี่เพราะผมไม่สบายครับ เป็นโรคไวรัสตับอักเสบชนิดเอ
คือพอวันนึงแฟนทักว่าตาเหลือง กอปรกับฉี่สีเข้ม (ที่ทีแรกก็คิดว่าเป็นเพราะยาแก้โรคกระพาะ)
ก็เลยลองกูเกิ้ลดูอาการว่ามันน่าจะเข้าเค้าโรคอะไรได้บ้าง ก็พบว่าเป็นโรคที่ว่านี่เข้าซะแล้ว!!
เลยไปหาหมอที่ ร.พ.วิภาวดี (เขาใส่หน้ากากกันทั้งโรงพยาบาลเลยล่ะ!) แล้วก็เจาะเลือดตรวจดู
ไอ้โรคนี้นี่ถ้าตามตำราคือติดจากเราไปกินโมเลกุลขี้ปนเปื้อนที่ชาวบ้านขี้ไว้ตามแม่น้ำลำคลองครับ
แต่ถ้าเป็นสมัยใหม่หน่อยก็อาจจะไปจับอะไรมา พอล้างมือไม่สะอาดแล้วกินนอะไรเข้าไปก็เลยติด
ซึ่งโรคนี้สามารถรักษาให้หายขาดได้ด้วยการทำตัวขี้เกียจๆ สักสองเดือนครับ (ตอนนี้ขี้เกียจมากๆ)

ป.ฮ.
จนบัดนี้ยังมีใครคิดว่าโรคไข้หวัดใหม่สายพันธุ์ใหญ่ (เฮ้ย) เป็นเรื่องจิ๊บๆ อีกไหมครับ
ถ้าจะไปสาธยายซ้ำว่ามันน่ากลัวไม่น่ากลัวอะไรยังไงก็คงเบื่อ(กระแส)กันแล้ว
ยังไงก็ฝากให้ดูแลตัวเองด้วยการล้างมือให้ถูกวิธี และใส่หน้ากากป้องกันให้ถูกวิธีด้วยล่ะ
เพื่อป้องกันขี้ชาวบ้านติดมือมาแล้วกินเข้าไปเป็นโรคตับอักเสบได้ด้วยนะ!! :05:

« 318 | ร้อนในสายพันธุ์ใหม่ ๒๐๐๙320 | หนีตามน้องเต้ย »

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.