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

รู้จักกับ CSS Flexible Box Layout Module

ใน CSS 2.1 เราจะใช้สิ่งที่เรียกว่า “Layout Mode” ในการกำหนดขนาด และจัดตำแหน่งของกล่องต่างๆ ซึ่ง layout mode นี้จะประกอบไปด้วย

• blockใช้จัดตำแหน่งเนื้อหาให้…

BDD (Behavior Driven Development) คืออะไร ? + ต่างจาก TDD อย่างไร

หลายๆ คนคงจะเคยได้ยินคำว่า Behavior Driven Development (BDD) กันมาบ้างใช่มั้ยล่ะครับ แต่ก็อาจจะยังสงสัยอยู่ว่า แล้ว BDD มันแตกต่างกับ Test Driven Development (TDD) อย่างไร บทความนี้ผมจะมาเล่าให้ฟังกันครับ

Bootstrap คืออะไร + สอนวิธีใช้แบบเข้าใจง่าย

หลายๆ คน คงเคยได้ยินมาว่า Bootstrap ช่วยให้เราเขียนเว็บได้ไวขึ้นใช่มั้ยครับ บางคนอาจจะเคยลองใช้มาบ้างแล้ว แต่ถ้าใครยังไม่เคย และอยากลองใช้ดูบ้าง วันนี้เราจะมาพูดถึงเจ้า front-end framework ตัวนี้กันครับ ทำไมทั่วโลกเค้าถึงนิยมใช้ มันมีข้อดี…

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

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

Video Element

@font-face คืออะไร + วิธีทำให้ใช้ได้ Cross-Browser

หากพูดถึงเรื่อง “@font-face” หลายๆ คน คงจะรู้จักกันดีใช่มั้ยครับ บางคนอาจจะสงสัยว่า ผมจะเขียนบทความเรื่องนี้อีกทำไม เว็บอื่นๆ เค้าเขียนไปเยอะแล้ว แต่ผมเชื่อว่ายังมีบางคน ที่เพิ่งจะเริ่มศึกษามัน หรือบางคนที่ใช้เป็นแล้ว แต่ยังอยากรู้ที่มาของมัน…

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

บทความนี้ผมจะพาเพื่อนๆ ไปทำความรู้จักกับ Webpack ซึ่งเป็น tool…

Docker คืออะไร + สอนวิธีใช้สไตล์ Web Developer

บทความนี้ เราจะมาลองเล่น tool อีกตัวหนึ่ง ที่กำลังถูกพูดถึงมากที่สุดในตอนนี้อย่าง Docker กันครับ แต่เนื่องจากความสามารถของ Docker นั้น ค่อนข้างจะกว้าง หากให้เล่าทั้งหมดก็คงจะใช้เวลาเยอะเลยทีเดียว บทความนี้ผมเลยจะขอเน้นไปที่การใช้งาน Docker…

X-UA-Compatible Meta Tag คืออะไร + สอนวิธีใช้

เชื่อว่าหลายๆ คน คงจะเคยเห็น X-UA-Compatible meta tag กันมาบ้างแล้ว แต่หากยังไม่รู้ว่ามันเอาไว้ทำอะไร ไม่ใส่แล้วจะเป็นไรมั้ย บทความนี้มีคำตอบให้ครับ

ทำไมต้องมี X-UA-Compatible Meta Tag ?

ตัดคำโดยใช้ CSS text-overflow และวิธีตัดคำหลายบรรทัด

บ่อยครั้ง ที่เราต้องหาทางตัดข้อความให้สั้นลง เพื่อเป็นการควบคุมไม่ให้มันยาวเกินไปจนทำให้ layout เสีย ทางเลือกของเราก็มีหลายทางด้วยกัน ไม่ว่าจะเป็นการตัดคำด้วยภาษาฝั่ง server อย่าง PHP การตัดคำที่ฝั่ง client ด้วย CSS รวมไปถึง Javascript