iBarGame Blog

Microdata 0

Microdata and Html5

Microdata คือการบอกให้ Browser รู้ว่าเรากำลังเสนอ content อะไร และสามารถอ่านโค๊ตที่เราเขียนได้ง่ายขึ้นสำหรับ Search Engine ก่อนหน้านี้ผมได้ลองใช้ Validator.nu Html5 จะมีฟังชั่นนึง ที่วิเคราะห์โครงสร้างโค๊ตที่เราเขียนออกมาเป็น tree structure คล้ายๆจะ Group หมวดหมู่ content ให้เรา และหลังจากนั้นประมาณ 2เดือน ตัวฟังชั่นนี้ก็ถูกถอดออกไป เหลือแค่เช็ค Html5 ให้ถูกต้องตามมาตรฐาน W3C แค่นั้น แล้วก็มีคนพูดถึงและเริ่มใช้ Microdata กัน เป็นหน้าที่เรา (Respect)...

WebDesign

WebDesign 2012-2013

Flat Design VS Realism รวมงานปีที่ผ่านมา มาให้ดูครับ ก็เป็นส่วนหนึ่งจากหลายๆงาน ที่ชอบ Responsive Html5 Css3 และ CSS Selectors เลเวล4 ซึ่งเป็นฟีเจอร์ใหม่ ของ CSS4 ถ้าผมจำไม่ผิด คือพัฒนาจากตัว Css3 บางตัวที่มีคุณสมบัติล้ำ จนบราวเซอร์บางตัวแสดงผลไม่ได้… ปีที่แล้วได้คลุกคลีพวก Html5+css3 ไม่ยากอย่างที่คิด แต่ยังเหลือฟังชั่นบางตัว Audio + video + canvas ที่ยังใช้ไม่ได้เต็มที่ครับ ยังศึกษาไม่ได้ละเอียดเท่าไหร่...

WebDesign2012

หลังจากที่ไม่ได้อัพเดท Blog มานาน ก็เอาวันนี้แหละครับ “ซิงเจียอยู่อี่ ซิงนี้ฮวกใช้” (เป็นคำจีนแต้จิ๋ว บ่แม่นจีนกลาง) ก็ไม่ได้มีเชื้อสายจีนหรอกนะครับ แต่อยากได้แฟนเป็นคนจีน 55555+ #นี่แน่ะ เอาผลงานของปีที่แล้ว ปีโลกแตกแต่ไม่แตก ปี2012 หรือปี 2555 ส่วนใหญ่จะเป็นงานลง code Html+css+Jquery ในส่วนของ Font-End Developer และก็ทำ Design ด้วย เรียกได้ว่าจบงานนี้ต่องานใหม่ วน loop ไปเรื่อยๆ แทบไม่ได้หยุดพักหายใจหายคอเลย แต่มุกที่ Bad ที่สุดคือ...

HTML5 0

HTML5-Structure-Selectors

โครงสร้าง Html5 ทริคเล็กๆน้อยๆครับ จากประสบการณ์ทำงานในช่วง 2 ปีที่ผ่านมา ลงลึกเจาะลายละเอียด เก็บเล็กผสมน้อย ลืมบ้าง จำได้บ้าง (ขอบพระคุณ Google) กว่าจะรู้ว่่า ไอ้ที่ทำแบบนี้เขาเรียกว่าอะไร ก็อ๋ออ ในทันที web standard เป็นการทำเว็บตามมาตรฐานกลางตามเงือนไขของ W3C จริงๆเราจะทำพิสดารแบบไหนก็ได้นะ แค่ให้แสดงผลออกมาไม่แหกแค่นั้นเอง (ย้อนไปก่อนหน้านั้นคือทำแบบพิสดารมาตลอด ฮ่าๆ) ขอแค่ได้เริ่ม หลังจากนั้นก็ไปต่อได้หมดแหละ อยู่ที่ไปได้เร็ว หรือช้า แค่นั้นเอง (ประยุกต์) เมื่อเข้าสู่ Html5 แรกๆก็ตกใจเป็นอีกระดับของภาษา html...

พระโขนงบอยแบนด์ 1

iDeasForLife

สาส์นจาก Dalai Lama – ข้อแนะนำในการดำเนินชีวิต นั่งๆทำงานอยู่ เกิดอาการแบบปลงๆกับชีวิต โยนงานมา ก็ไม่รู้จะโยนให้ใครอีก สรุปแล้วก็ผิดที่เราแหละไม่ตั้งใจทำงาน ฝีมือยังไม่ดีพอ ไม่สนุกกับงาน อดทนไม่พอ นั่งทำเอนิเมชั่นทวีนต่อไปละกัน โลกเขาไป 2-3 divice แม่งก็นั่งทำทวีนไปอย่างนั้นแหละ ทนได้ก็ทน ทนไม่ได้ก็ลาออกไป…..เด๋วนะ ไม่ใช่แล้วล่ะ 5555+ ช่วงนี้เป็นช่วงแบบ ไม่ค่อยมี official website เข้ามาให้ทำ มีแต่พวก ADS แบนเนอร์ Flash เอนิเมชั่น ร้องยี้กันเป็นแถบโยนกันไปมา 555+...

8

CleanCode-Css

การเขียน Code HTML แบบสะอาดลดความซับซ้อนของ tag div เชื่อว่าตอนเริ่มต้นเขียน style sheet css ก็จะเริ่มจาก div มันไปซะทุกอย่าง แต่เมื่อพอเขียนไปนานๆ ก็จะเริ่มรู้สึกละว่าใช้มันมากเกินไป มันก็มีวิธิ ที่ลดการใช้แท็ก div ลงเพื่อการทำงานโปรเจคที่ใหญ่ๆ มีจำนวนหลายๆเพจ และทำร่วมกันหลายๆคน บางครั้งการทำงานอาจจะมี designer css ต้องทำงานร่วมกันตัดเว็บมากกว่า 2 คน เพื่อประโยชน์ต่อตนเองและเพื่อนร่วมงานและเป็นไปตามทิศทางเว็บไซต์แบบใหม่ที่จะมาในอนาคต 1.ลดแท็ก div ที่ไม่จำเป็น หลายครั้งที่เราสร้าง div เพื่อมาครอบ...