css

[Web Component] มาตรฐานใหม่ของการเขียนเว็บด้วยการสร้าง Web Component จาก Custom Elements API

วันนี้เราจะมาเรียนการ Custom element ด้วย JavaScript API ซึ่งเป็น Native API ที่สามารถทำให้เราสร้างแท็ก HTML ได้เองหรือจะสามารถ Extend ตัว components ของคนอื่นมาได้ด้วย ซึ่งเอกสารของ Custom Elements API เขียนอยู่ในเว็บของ WHATWG แล้วสามารถเข้าไปอ่านกันได้ จริงๆ เราจะเห็นได้ว่ามันมีการพูดถึงน้อย [...]

[CSS] เพิ่มความไวในการ Render หน้าเว็บด้วยการเขียน CSS ให้ถูกต้อง

สำหรับบทความนี้จะมาอธิบายการเขียน CSS ให้ถูกต้องเพื่อให้การเรนเดอร์หน้าเว็บนั่นไวขึ้น โดยปกติเราก็จะใช้การทำ minify css ลดขนาดกันอยู่แล้วซึ่งช่วยได้ในระดับนึง แต่ปัญหาจริงๆ อยู่ตรงไหน? ก็คือเราคนเขียนครับ บางคนรู้ว่าเขียน CSS ยังไงแต่ รู้ไหมว่ามันทำงานยังไง และ Selector ที่เขาพูดกันนั่นมันคืออะไรกันแน่ CSS เขียนให้ทำงานไวได้ด้วยหรอ?? คงเป็นคำถามของหลายๆ คน ปกติจากที่ผมผ่านจะมักเห็นคนเขียนหน้าเว็บแค่แสดงผลได้โดยไม่ได้สนใจว่าการเขียนนั่นถูกต้องแค่ไหน ไม่เคยวัดความไวหน้าเว็บกันละสิ?? [...]

[Web] สร้างธีม WordPress ตอนที่ 2 [การติดตั่งธีมและการเรียกข้อมูลของเว็บมาแสดง]

[Web] สร้างธีม WordPress ตอนที่ 2 [การติดตั่งธีมและการเรียกข้อมูลของเว็บมาแสดง] ความเดิมจาก ตอนที่ 1 ที่บอกว่าตอนนี้เราจะมาสอนการติดตั่งธีมกัน ใครยังไม่ได้อ่านให้แนะนำกลับไปอ่านก่อนนะครับ เกริ่นนำคราวๆ คือในตอนนี้เราจะเอาตอนที่ 1 มาเขียนโค้ดกัน พร้อมกับอธิบาย pattern การเขียนโค้ดไตล์ของ WordPress ครับ เดียวเรามาเริ่มกันเลย ก่อนอื่นให้ทำติดตั่ง WordPress ลงในเครื่องก่อนนะครับ หลังจากติดตั่งแล้วก็จะได้ไฟล์ออกมาแบบนี้ครับ [...]

[Web] สร้างธีม WordPress ตอนที่ 1 [โครงสร้างและไฟล์พื้นฐานของระบบ]

สร้างธีม  WordPress ตอนที่  1 [โครงสร้างและไฟล์พื้นฐานของระบบ] ขอเกริ่นก่อนว่า WordPress นั่นเป็น CMS ที่สร้างมาเพื่อทำเว็บบล็อก, ข่าวสาร อะไรทำนองนัั่นแต่ปัจจุบันก็มีคนเอามาทำระบบขายของกันให้ได้เห็นทั่วไป ดังนั่นในการสอนชุดนี้ผมก็จะสอนการสร้างเว็บบล็อก หรือเว็บไซต์ส่วนตัวซึ่งในบทนี้เราจะมาทำความรู้จักโครงสร้างของ  WordpPress กันก่อน ซึ่งหัวข้อที่จะอธิบายก็มีดังนี้ index.php / home.php / front-page.php footer.php [...]

[Web Design] ออกแบบเว็บด้วย Golden Ratio

สวัสดีครับพอดีผมได้ไปอ่านบทความของ creativebloq เขาพูดถึงเรื่องของการออกแบบเว็บด้วย Golden Ratio (wiki) ซึ่งรายละเอียดเป็นการนำเอาลำดับฟีโบนักชีมาใช้ในการคำนวณอัตราส่วนของการจัดวางโครงสร้างเว็บเรา ถ้าต้องการหาเพิ่มเติมในเว็บก็มีเสริมาให้คือ Golden Mean, The Golden Section [...]