ทำไมต้องลดจำนวน HTTP Request + วิธีใช้ Data URI
หลายๆ คนคงจะทราบกันดีอยู่แล้วว่าการลดจำนวน HTTP request ลง จะช่วยให้เว็บโหลดได้เร็วขึ้น แต่ในความเป็นจริงแล้ว มันอาจไม่ได้เป็นเช่นนั้นเสมอไป
CSS
Tags:
วิธีกำหนด font-size ใน Responsive Web Design
หลายคนรู้แล้วว่าเราควรกำหนด font-size โดยใช้หน่วยแบบ relative ไม่ใช่หน่วยแบบ absolute แต่ถึงกระนั้น การกำหนด font-size ในการทำเว็บก็ยังคงมีปัญหาอยู่ดี
รู้จักกับ CSS Selectors Level 4
การเปลี่ยนแปลงหลักๆ ใน CSS Selectors Level 4 คือจะมีการเพิ่ม pseudo-classes เข้ามาใหม่เยอะมากเลยครับ เราลองมาดูกันว่า Selectors ใหม่ๆ เหล่านี้ มีอันไหนน่าสนใจบ้าง
สอนวิธีสร้างสามเหลี่ยมด้วย CSS Border
เรามักจะพบเห็นรูปสามเหลี่ยมได้ตามเว็บทั่วไป เช่น ลูกศร หรือ tooltip ต่างๆ แต่ก่อนเราอาจจะต้องสร้างสามเหลี่ยมขึ้นมาโดยใช้รูปภาพ
CSS Variables คืออะไร? + สอนวิธีใช้
หลายๆ คน ที่เคยใช้ css preprocessor อย่าง LESS หรือ SASS คงจะรู้ดีว่าการใช้ variables ในการเขียน css นั้นมีประโยชน์มากแค่ไหน แต่เชื่อว่าหลายๆ คนคงยังไม่รู้ว่า css เองนั้นก็มีคุณสมบัตินี้เช่นกัน นั่นก็คือ CSS Variables
สอนวิธีทำ Responsive Table
เรารู้แล้วว่าการใช้ table นั้นยังสามารถทำได้อยู่ถ้าข้อมูลนั้นเป็น tabular data ปัญหาต่อมาก็คือ เราจะทำอย่างไร เพื่อให้ table ยังคงสามารถแสดงผลได้ดีเมื่อดูด้วยหน้าจอขนาดเล็กๆ
ออกแบบอย่างไรให้รองรับ Google Glass ?
ในการทำ Responsive Web Design หลายๆ คน อาจจะลืมไปว่าในตอนนี้มีอีก device หนึ่งที่เราควรจะให้ความสำคัญนั่นก็คือ Google Glass
Firefox Nightly และ Chrome Canary คืออะไร ?
หลายๆ คนคงจะเคยรู้สึกหงุดหงิดเวลาอยากลองใช้ features ใหม่ๆ ของ html หรือ css แต่ web browsers กลับยังไม่รองรับ features นั้น
CSS3 Transitions คืออะไร + สอนวิธีใช้
CSS transitions เป็น feature ใหม่ใน CSS3 ที่ช่วยให้เราสามารถกำหนดได้เองว่า "ในการเปลี่ยนแปลงจาก value เก่าไปสู่ value ใหม่ ของในแต่ละ property นั้น เราอยากให้เป็นไปในรูปแบบไหน"
สอนตกแต่งหน้าเว็บให้สวยงามด้วย CSS
ถึงแม้ว่า web browsers จะมีการกำหนด “สไตล์” ให้กับ HTML Elements เอาไว้อยู่แล้ว แต่มันก็อาจจะไม่ค่อยสวยเท่าไรนัก