Tag: web standards

10 Apr

CSS Naked Day

CSS Naked Day

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

 
By Tay
Filed under: User Interface
Tags: , ,
Comments: 2
25 Mar

หักดิบคนใช้ IE6

หักดิบคนใช้ IE6

IE 8 ออกได้ซักพักนึงแล้วนะครับ – จากสถิติของ W3C จำนวนผู้ใช้ที่ยังใช้ IE6 เหลือ 17.4% ในเดือนกุมภาพันธ์ 2552 (ขัดกับสถิติของ Market Share ที่บอกรวมๆว่าคนใช้ IE 67.29%) ไม่ว่าตัวเลขจะเป็นเท่าไหร่ ก็ยังมีผู้ใช้อีกจำนวนมากที่ไม่มีท่าทีจะอัพเกรดเป็น IE8 (คาดว่าด้วยเหตุผลเดียวกับที่ไม่อัพเป็น IE7) – แบบนี้เรามาลอง “หักดิบ” ให้เขาเลิกใช้ IE6 กันดีไหม IE6 มีบั๊กเกี่ยวกับ JavaScript และ CSS ที่ทำให้ Browser Crash – แบบแรกคือ JavaScript <script type="text/javascript">for (x in document.write) { document.write(x);}</script> Demo Page แบบที่สอง ใช้ CSS ลองดูโค้ด <style>*{position:relative}</style><table><input></table> Demo [...]

 
By Tay
Filed under: JavaScript
Tags: ,
Comments: 4
04 Feb

Foundation of Web Application Development – XHTML

Foundation of Web Application Development – XHTML

เมื่อวานมี in-house training เกี่ยวกับการทำ user interface เลยสบโอกาสลอง keynote’09 ซะเลย learning curve ไม่สูงมาก (จะเรียกว่าต่ำก็ใช่ที่) ถ้าเคยใช้พวก iPhoto และไอๆทั้งหลายแหล่ที่ติดมากับ iLife suit ก็พอมั่วๆไปได้ ประทับใจใน effect มาก เรียกว่าแรดกว่า MS power point หลายริคเตอร์ Slide ชุด Foundation of Web Application Development (FWAD) จะประกอบด้วย XHTML CSS JavaScript ServerSide Scripts คิดคอนเซ็ปต์ไว้ว่าเป็นโครงกว้างๆที่คนทำเว็บแอ๊บ(แบ๊ว)ควรจะรู้ – เขียนจากประสบการณ์ล้มลุกคลุกฝุ่นกับการแอ๊บมาสามปีกว่า ถ้ามีประโยชน์กับคนอื่นบ้างก็อณุโมทนาสาธุ Foundation of Web Application Developmnet – XHTML ดาวน์โหลดเวอร์ชั่นแรด (keynote) ดาวน์โหลดเวอร์ชั่นไม่แรด [...]

 
By Tay
Filed under: Presentation
Tags: , ,
Comments: 2
31 Jan

User Interface Design – Scrabble Tools

User Interface Design – Scrabble Tools

Scrabble Tools เป็นโปรเจ็กต์ในวิชา UI Design ที่ทำกับเพื่อนอีกสองคน อัดเรื่องของ Accessibility และ UI best practices เข้าไปแบบงูๆปลาๆ – ไว้จะมาโม้ให้ฟัง http://vashira.com/scrabble/

 
By Tay
Filed under: User Interface
Tags: , ,
Comments: 1
12 Apr

Semantic Bar Chart

Semantic Bar Chart

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

 
By Tay
Filed under: Me Coding
Tags: , , ,
Comments: 3