Custom CSS ที่เปลี่ยนเว็บไซต์ GeekNews ให้เป็นสไตล์โมเดิร์น
(github.com/Su-Yong)ได้รับแรงบันดาลใจจาก Modern Hacker News และ Modern Wikipedia เลยลองทำเวอร์ชันสำหรับ GeekNews ขึ้นมาด้วย
ถือโอกาสรื้อฟื้นเซนส์ด้าน CSS และลองฝึกมือไปด้วย จึงพยายามทำมันขึ้นมาโดยไม่พึ่งความช่วยเหลือจาก AI
- คุณสมบัติ
- รองรับโหมดมืดและโหมดสว่าง (รองรับการตามธีมของระบบ)
- รองรับการปรับแต่งสีไฮไลต์ของโค้ดบล็อก
- ลิงก์
- Github: https://github.com/Su-Yong/modern-geek-news
- UserStyles: https://userstyles.world/style/27566
ขณะนี้ได้ตั้งค่าไว้ไม่ให้บางส่วนของสไตล์ที่ออกแบบใหม่ถูกนำไปใช้กับ My Page, weekly และ blog โดยส่วนนี้มีแผนจะปรับปรุงในอัปเดตถัดไป
ขอบคุณครับ
5 ความคิดเห็น
เสน่ห์ของมันก็อยู่ที่ความดิบ ๆ แบบนี้แหละ..
ดีนะ แต่เพราะโค้ดมันผูกกับการพึ่งพาของ GeekNews อยู่ พอมีอัปเดตแต่ละครั้งก็คงต้องคอยลงมือดูแลปรับแก้กันเรื่อย ๆ แบบเนียน ๆ เลย 555
ดูเหมือนจะเป็นไอเดียที่ดีมากครับ!! พอลองใช้ด้วยตัวเองแล้วพบว่าไอคอนอย่าง Thums Up กับ Search แสดงผลเพี้ยนอยู่ครับ และก็ดูเหมือนว่ายังต้องปรับปรุงความสมดุลของขนาดฟอนต์ด้วย
ดูเหมือนว่าเลย์เอาต์จะพังหลังจากฝั่ง GeekNews มีการอัปเดต CSS ตอนนี้แก้ไขไว้แล้ว!
ถ้าทำเป็นส่วนขยายของ Chrome ก็น่าจะใช้งานได้สะดวกขึ้น