Coding

Articles

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 ให้ผลลัพธ์ออกมาเป็นตามรูปนี้





[Tips] ทำกราฟฟิก JPEG พื้นหลังใสไว้ใช้แทน PNG ด้วย SVG !!

กราฟฟิกนามสกุล PNG กับ JPEG เป็นนามสกุลที่ได้รับความนิยมในเว็บไซต์ PNG จะเหมาะกับกราฟฟิกที่ต้องมีการทำพื้นหลังใส ส่วน JPEG, JPG จะเหมาะกับรูปถ่ายที่สีเยอะ ๆ


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

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