CSS3

Articles

ฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100% !! พร้อมวิธีการใช้งานทีละขั้นตอน

Google Fonts เป็นบริการโฮสต์ฟ้อนต์ฟรีของ Google ที่เราสามารถเลือกฟ้อนต์สวย ๆ ของเค้ามาใช้ในเว็บไซต์ได้เลย ไม่ต้อง Download ฟ้อนต์มา Convert และ เขียน CSS3 @font-face ให้เสียเวลา

PostCSS เครื่องมือเขียน CSS แบบใหม่ ที่มาแรงแซง LESS & Sass !!

วันนี้มี CSS Preprocessor ตัวใหม่ ชื่อว่า PostCSS มาแนะนำกันครับ ซึ่งกำลังได้รับความนิยมในต่างประเทศ ด้วยข้อดีต่าง ๆ ที่เกิดมาเพื่อแทน LESS / Sass โดยเฉพาะ

วิธีใส่ฟ้อนต์ไทยลงในเว็บไซต์ ด้วย CSS3 @font-face แบบ Step by Step

เห็นมีหลายคนถามมาทาง เพจ Designil.com ครับว่า เราจะใส่ฟ้อนต์ไทยบนหน้าเว็บไซต์ได้ยังไง, ต้องตัดเป็นรูปมั้ย, เสียเงินมั้ย, ใช้ CSS3 หรือ Flash ช่วยดี ฯลฯ

[FREE] UI Live Tools – เครื่องมือช่วยทำ UI สวย ๆ ด้วย CSS3 ฟรี !!

Tool ออนไลน์ฟรีเด็ด ๆ ที่จะช่วยให้เราสร้าง User Interface สวยงามด้วย CSS3 ได้ง่าย ๆ แถมพรีวิวได้เลยว่าหน้าตาจะออกมาเป็นยังไง นำโค้ด HTML/CSS ไปใช้ได้ทันที

CSS Challenge ขอท้าคนเขียน CSS ทุกคน !!

แอดมินมีอะไรสนุก ๆ มาให้เล่นกันครับ เนื่องมาจากแอดมินไปเจอกระทู้ต่างประเทศมาครับ เค้าท้าให้คนลองเขียน HTML/CSS ให้ผลลัพธ์ออกมาเป็นตามรูปนี้

CSS Specificity พื้นฐานการเขียน CSS ที่คนส่วนใหญ่ไม่รู้ & เทคนิค Hack

ยิ่งเราเขียนโค้ดเยอะ ๆ ก็จะพบว่าการใส่ !important จะทำให้มีปัญหาตีกับ Element อื่นตลอดเวลา และทำให้โค้ดดูแลยากในระยะยาว มาดูวิธีแก้ไขด้วย CSS Specificity

เทคนิคการเขียน CSS เว็บไซต์ Github โดยผู้สร้าง Bootstrap

เผยเทคนิคการเขียน CSS อย่างไรให้จัดการได้ง่าย เหมาะกับการทำเว็บไซต์ใหญ่ ๆ อย่าง Github ซึ่งเขียนจากประสบการณ์ของผู้สร้าง Twitter Bootstrap !!

เขียน CSS ให้ดีขึ้นได้ง่าย ๆ ด้วยเทคนิค BEM !!

เวลามีคนเขียน CSS หลายคนในโปรเจคเดียวกัน หรือนำโค้ดของคนอื่นมาแก้ต่อ (เช่น ซื้อจาก Themeforest) จะแก้ CSS ได้ยากเพราะอ่านไม่ออก มาดูวิธีแก้แบบ BEM CSS กัน


[FREE CODE] แจกฟรี หน้า 404 Not Found สวย ๆ เขียนด้วย CSS3 Animation !!

หน้า 404 Not Found มีหน้าที่สำหรับบอกคนเข้าเว็บไซต์ว่า URL ที่คุณเข้ามาผิด หรือไม่พบในระบบ มีผู้อ่านใจดีแจกโค้ดหน้า 404 เขียนด้วย CSS3 Animation ฟรีครับ