Tag: CSS

CSS Naked Day

CSS Naked Day

ไม่ต้องตกใจถ้าเห็นเว็บแสดงผลแปลกๆ วันนี้ตั้งใจ “เปลือย”… เห็น usably.net บอกว่าวันนี้เป็นวันเปลือยเว็บ หรือ CSS Naked Day เลยเล่นกับเขาด้วย เปลือยเสร็จถึงจะรู้ว่า validate html ไม่ผ่าน ได้ฤกษ์แก้ theme ด้วยเลย ลอง validate เล่นได้ ครับ

 

Semantic Bar Chart

Semantic Bar Chart

เรื่องที่จะพูดถึงในวันนี้คือกราฟแท่ง – แล้วทำไมต้องจั่วหัวว่า semantic? มันเป็นกราฟแบบใหม่หรือเปล่า? คำตอบคือ Nope – ก็แค่กราฟแท่งธรรมดาๆนี่แหละครับ แต่วันนี้เราจะทำให้มันไม่ธรรมดาด้วยการใส่ “ความหมาย” เข้าไปในกราฟด้วย การนำข้อมูลมาแสดงผลด้วยแผนผังต่างๆ อย่างกราฟแท่ง, กราฟเส้น, pie chart (ไม่รู้ภาษาไทยแปลว่าอะไร) นั้นสำคัญอย่างมากเลยทีเดียว – ลองนึกภาพข้อมูลเรียงกันเป็นตับๆ เป็นตาราง แน่นอนว่าหากเราพยายามทำความเข้าใจกับมันสัก 2-3 นาที (หรืออาจจะมากกว่า)ก็ย่อมเข้าใจได้ไม่ยาก – ทีนี้ถ้าตารางมันซับซ้อนขึ้น หรือมีความสัมพันธ์กับตารางอื่น เริ่มมีปัญหาแล้วล่ะ เผลอๆอาจถึงขั้นดูไม่รู้เรื่อง การแสดงข้อมูลดิบไม่ friendly กับมนุษย์ จึงเป็นทีมาของการทำ data visualization…