HTML

Tags:

AMP HTML คืออะไร ? + สอนวิธีใช้

เรามาดูกันว่าเจ้าโปรเจคใหม่ของ Google ที่เพิ่งเปิดตัวไปอย่าง Accelerated Mobile Pages มันส่งผลกระทบอะไรกับ front-end developer อย่างเราบ้าง ?

สอนวิธีใช้ Jade Template Engine

บทความนี้เราจะมาลงรายละเอียดเกี่ยวกับการใช้งาน Jade ให้มากขึ้นครับ เรามาดูกันว่าฟีเจอร์ต่างๆ ของ Jade จะช่วยให้การทำงานกับ template นั้นสะดวกขึ้นมากขนาดไหน

Web Components คืออะไร? + สอนวิธีใช้

Web Components เกิดขึ้นมาเพื่อทำให้การพัฒนา component ต่างๆ เป็นไปอย่างมีมาตรฐานครับ หรือพูดง่ายๆ ก็คือเพื่อให้ทุกคนเขียน component ไปในทางเดียวกัน จะได้แชร์กันง่ายๆ นั่นเอง

Jade คืออะไร ? + สอนวิธีใช้ร่วมกับ Express

บทความนี้เราจะมาพูดถึงวิธีการใช้ template engine ยอดนิยมตัวหนึ่งที่มีชื่อว่า Jade เรามาดูกันว่าการเอา Jade เข้ามาช่วย จะทำให้เราเขียนเว็บด้วย Express ได้สะดวกขึ้นมากขนาดไหน ?

เว็บโหลดไวขึ้นด้วย ​DNS Prefetch

บทความนี้ผมจะมาแนะนำวิธีง่ายๆ ที่จะช่วยให้เว็บโหลดเร็วขึ้นอีกวิธีหนึ่ง ที่เรียกว่าการทำ DNS Prefetching ซึ่งก็คือการบอกให้ web browser ไป resolve domain name ที่เราระบุล่วงหน้าก่อนเลย

สอนวิธีใช้ Google Web Starter Kit

ทุกวันนี้เรามี framework ในการทำเว็บไซต์มากมาย ไม่ว่าจะเป็น Foundation ของ Zurb หรือ Bootstrap ของ Twitter แต่ในเวลานี้ ตัวที่คนกำลังพูดถึงมากที่สุดคงหนีไม่พ้น Web Starter Kit ของ Google

ทำไมต้องลดจำนวน HTTP Request + วิธีใช้ Data URI

หลายๆ คนคงจะทราบกันดีอยู่แล้วว่าการลดจำนวน HTTP request ลง จะช่วยให้เว็บโหลดได้เร็วขึ้น แต่ในความเป็นจริงแล้ว มันอาจไม่ได้เป็นเช่นนั้นเสมอไป

SVG คืออะไร? + สอนวิธีใช้

ในบทความนี้เราจะมาดูว่า SVG มีวิธีใช้งานอย่างไร และมีข้อดีข้อเสียอย่างไรเมื่อนำมาเปรียบเทียบกับการใช้กราฟิกแบบอื่นๆ

สอนวิธีใช้ HTML5 Video

วันนี้เราจะมาพูดถึงความสามารถของ html ที่จะช่วยให้เราสามารถเล่นไฟล์วิดีโอได้โดยไม่ต้องพึ่ง plugin เสริมอีกต่อไป

สอนวิธีใช้ HTML5 Fullscreen

วันนี้เราจะมาทำความรู้จักกับอีก feature หนึ่งที่น่าสนใจของ html ที่จะช่วยให้เราสามารถแสดงผล html element ใดๆ แบบเต็มหน้าจอได้ นั่นก็คือ HTML Fullscreen
Page 1 of 41234