Search

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

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

การนำตัวแปร SCSS มาใช้ประโยชน์ให้มากขึ้นกว่าการใส่สี ใส่ขนาดตัวหนังสือทั่ว ๆ ไป ซึ่งใช้เทคนิคที่เรียกว่า Variable Interpolation ครับ

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

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

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

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

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

แนะนำ CSS Framework ช่วยให้ทำเว็บไซต์ได้เร็วขึ้น ทั้ง Twitter Bootstrap ยอดฮิตใช้กันทั่วโลก, Zurb Foundation คู่แข่งสำคัญ และ Gumby Framework ตัวใหม่ล่าสุด

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

SASS คือ CSS Preprocessor ซึ่งทำงานเหมือนกับ LESS CSS หลักการเขียนจะคล้ายเขียน CSS ทั่วไป แต่มีฟีเจอร์พิเศษช่วยให้เขียนเร็วขึ้น หรือเขียนน้อยแต่ได้มาก

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