Coding

Tags:

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

หากจะพูดถึง Node.js หลายๆ คนคงจะเคยได้ยินกันมาบ้าง แต่อาจจะยังไม่ทราบว่ามันคืออะไร และมีประโยชน์อะไรกับ front-end engineer อย่างพวกเรา

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

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

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

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

วิธีกำหนด font-size ใน Responsive Web Design

หลายคนรู้แล้วว่าเราควรกำหนด font-size โดยใช้หน่วยแบบ relative ไม่ใช่หน่วยแบบ absolute แต่ถึงกระนั้น การกำหนด font-size ในการทำเว็บก็ยังคงมีปัญหาอยู่ดี

ทำ Animation ให้ไหลลื่นด้วย GSAP และ Velocity.js

หากเราเคยทำ animation โดยใช้ jQuery มาก่อน เราคงจะพอสัมผัสได้ว่า animation ที่สร้างมาจาก CSS Transitions นั้นดูมีความลื่นไหลมากกว่า ด้วยเหตุนี้เอง หลายๆ คนเลยเข้าใจว่า animation ที่สร้างมาจาก JavaScript นั้นช้ากว่า CSS

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

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

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

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

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

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

รู้จักกับ CSS Selectors Level 4

การเปลี่ยนแปลงหลักๆ ใน CSS Selectors Level 4 คือจะมีการเพิ่ม pseudo-classes เข้ามาใหม่เยอะมากเลยครับ เราลองมาดูกันว่า Selectors ใหม่ๆ เหล่านี้ มีอันไหนน่าสนใจบ้าง

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

แต่ก่อนเราอาจจะเคยใช้ cookie ในการจัดเก็บข้อมูลของ users แต่สำหรับ html5 แล้ว มีอีกวิธีที่น่าสนใจ นั่นก็คือการใช้ web storage
Page 5 of 11First34567Last