ปูพื้นฐานการทำงานเว็บไซต์ เล่าเรื่อง HTML, CSS และเทคโนโลยีเกี่ยวกับการทำเว็บ
Google Fonts เป็นบริการโฮสต์ฟ้อนต์ฟรีของ Google ที่เราสามารถเลือกฟ้อนต์สวย ๆ ของเค้ามาใช้ในเว็บไซต์ได้เลย ไม่ต้อง Download ฟ้อนต์มา Convert และ เขียน CSS3 @font-face ให้เสียเวลา
บทความแนะนำ: สำหรับท่านใดอยากเริ่มใช้งาน ทาง Designil ได้เขียน คู่มือการใช้งาน Bootstrap 4 ไว้ให้ทุกท่านเรียบร้อยแล้วครับ เข้าไปอ่านกันได้เลย หลังจากที่พูดถึงในบทความ หลุดรายละเอียด […]
วันนี้มี CSS Preprocessor ตัวใหม่ ชื่อว่า PostCSS มาแนะนำกันครับ ซึ่งกำลังได้รับความนิยมในต่างประเทศ ด้วยข้อดีต่าง ๆ ที่เกิดมาเพื่อแทน LESS / Sass โดยเฉพาะ
เห็นมีหลายคนถามมาทาง เพจ Designil.com ครับว่า เราจะใส่ฟ้อนต์ไทยบนหน้าเว็บไซต์ได้ยังไง, ต้องตัดเป็นรูปมั้ย, เสียเงินมั้ย, ใช้ CSS3 หรือ Flash ช่วยดี ฯลฯ
การนำตัวแปร SCSS มาใช้ประโยชน์ให้มากขึ้นกว่าการใส่สี ใส่ขนาดตัวหนังสือทั่ว ๆ ไป ซึ่งใช้เทคนิคที่เรียกว่า Variable Interpolation ครับ
Tool ออนไลน์ฟรีเด็ด ๆ ที่จะช่วยให้เราสร้าง User Interface สวยงามด้วย CSS3 ได้ง่าย ๆ แถมพรีวิวได้เลยว่าหน้าตาจะออกมาเป็นยังไง นำโค้ด HTML/CSS ไปใช้ได้ทันที
แอดมินมีอะไรสนุก ๆ มาให้เล่นกันครับ เนื่องมาจากแอดมินไปเจอกระทู้ต่างประเทศมาครับ เค้าท้าให้คนลองเขียน HTML/CSS ให้ผลลัพธ์ออกมาเป็นตามรูปนี้
AngularJS เป็น Javascript Framework สำหรับทำเว็บแอพครับ ซึ่งพัฒนาขึ้นมาโดยพนักงาน Google และได้รับการสนับสนุน (หรือโฆษณา) โดย Google อย่างเป็นทางการ
HTML5 เป็น HTML เวอร์ชั่นใหม่ (ตอนนี้ก็ไม่ค่อยใหม่แล้ว) ที่มาพร้อมแท็กใหม่ ๆ มากมาย ไม่ว่าจะเป็น article, nav, section, aside, figure etc.
ล่าสุด Mark Otto หนึ่งในผู้ก่อตั้ง Bootstrap ก็ได้เปิดเผยข้อมูลเกี่ยวกับ Bootstrap 4 ทาง Blog ของ Bootstrap ซึ่งมีการเปลี่ยนแปลงหลายส่วนสำคัญ ๆ
กราฟฟิกนามสกุล PNG กับ JPEG เป็นนามสกุลที่ได้รับความนิยมในเว็บไซต์ PNG จะเหมาะกับกราฟฟิกที่ต้องมีการทำพื้นหลังใส ส่วน JPEG, JPG จะเหมาะกับรูปถ่ายที่สีเยอะ ๆ
ยิ่งเราเขียนโค้ดเยอะ ๆ ก็จะพบว่าการใส่ !important จะทำให้มีปัญหาตีกับ Element อื่นตลอดเวลา และทำให้โค้ดดูแลยากในระยะยาว มาดูวิธีแก้ไขด้วย CSS Specificity
