WebDesign 2012-2013

WebDesign
WebDesign

Flat Design VS Realism

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

แต่ถ้าข้ามไปทำงานด้าน Mobile เป็นอะไรที่สบายจริงๆ ไม่่ต้องไปสนใจ ie เวอร์ชั่นที่ต่ำกว่า8 เพราะไม่มีในมือถือแน่นอน (ผมยังไม่เคยลองใช้วินโดว์โฟนครับ ไม่รู้ว่าใช้ browser ตัวไหนเข้าเว็บ) อย่างตัว Responsive ได้ลองกับ เว็บ suzukicup 2012 ซึ่งก็ลองแอบทำไว้เฉพาะหน้าแรก (http://www.siamsport.co.th/suzukicup2012/) ตัวนี้ผมไม่ได้ดีไซน์ครับ แต่เป็นคนเขียนโค๊ต Html เลยแอบทำ Responsive ไว้เล่นๆ ถ้าจะทำจริงๆ ต้องวาง flow ตั้งแต่การแสดงผลบนมือถือก่อน แล้วค่อยขยายมา ipad แล้วมา desktop ก็จะเป็นอะไรที่แจ่มมาก (แต่ตอนนั้นไม่มีคนสนใจเรื่องนี้ Responsive) อาจจะติดปัญหาเรื่องการแสดง Ads (- -*) เว็บแรกที่ผมใช้เป็นเคสสตาร์ทดี้ต้องยกให้ เดลินิวส์ครับ ปรับแบบฟลู responsive เลย เจ้าแรกของไทย สนุกดอทคอม กระปุกดอทคอม เลือกปรับหน้าดีเทล ผมคิดว่าน่าจะมีปัญหาเรื่องการวาง Ads. เหมือนกัน ถ้าทำจริงๆต้องเริ่มคิดตั้งแต่งเรื่องรูป img การแสดงผลในโมบาย ต้องเน้นคอนเท้นที่คนเข้าใช้บ่อยจริงๆ ต้องระดมสมองและความคิดกันยกใหญ่ กล้าตัดคอนเท้นบางส่วนที่ไม่จำเป็นออกไป เคยอ่านคอมเม้นด้านร้ายของ responsive ก็จะมีเรื่องพวกนี้เป็นส่วนใหญ แต่ผมก็สรุปข้อดีมาประมาณนึงของการใช้ Html5+Css3

– Seo ดีขึ้น text ต่างจาก images file ใช้ html5 สามารถเข้ากับระบบ source code control system (sccs) อ่านจากโค๊ตได้เลย มีความเป็น semantic มากกว่าเดิม เพราะจะระบุ ส่วนไหนทำหน้าที่อะไร

– ความสามารถเรื่อง animation และ graphic 2d+3d บนเว็บ มีความสามารถใกล้เคียง flash ทำงานร่วมกับ css3+jquery

– สะดวกต่อการทำ web application สามารถนำไปประยุกต์ใช้ได้กับ mobile app สามารถบิ้วจากตัว html5 ได้เลย เพราะมี api หลายตัวรองรับ มีความได้เปรียบของเรื่อง search engine ที่จะหาเราเจอ เพราะว่ามันยังมีคุณสมบัติของเว็บอยู่ คือบิ้วจาก html5 ไปเป็น app เลย ใกล้เคียง native app แต่เรียกว่า hybrid (อ้างอิงจากคำพูด sa หัวหน้าทีมเดฟโมบายและเว็บไซต์ อิอิ)

(ความสามารถเรื่อง animation+Css3 ฝรั่งเขาทำ Ads responsive แล้ว กำลังซุ่มทำ ทดสอบอยู่ครับ รอแป๊ป อิอิ)

สิ่งที่ชอบที่สุดของตัว Html5 คือการแสดงผลโครงสร้างของ Html ที่เราตัดออกมา แล้วเอาตรวจกับ W3C ก็จะแสดง content-type ออกมาเป็น Tree เท่ห์มากๆ มันก็เป็นการแสดงให้เราเห็นว่า การ group content ของเรานั้น ใช้ได้แค่ไหน ผมก็ไม่มั่นใจนะว่า ตัวนี้จะมีผลกับโครงสร้าง algorithm seo หรือเปล่า (เคยถามเพื่อนโปรแกรมเมอร์ อยากรู้เรื่องอัลกอริทึ่ม seo ที่เขาเขียน แต่เขาไม่บอก 555+)

W3C validation

W3C validation

ตอนนี้คิดว่าตัวเองยังต้องการศึกษาเพิ่มเติมอีกมาก html + design พอเอาตัวรอดได้ครับ แต่อยากสร้างฐานะให้ดีกว่านี้ คงต้องศึกษา javascript เพิ่มเติม หรือไม่ก็ลงเรียน php ไปเลย แก่แล้ว หางานยากจังครับ T_T ฝากผลงานไว้แค่่นี้ก่อนครับ ขอบคุณครับผม (ขอบคุณ siamsport.co.th ผมขอเอาผลงานมาลงเว็บหน่อยนะครับ ไม่ได้หวังผลประโยชน์อันได บันทึกการก้าวเดินของผมแค่นั้นเอง)

Comments

comments

You may also like...