All posts by peerayes

เวียดนาม มูกางจ๋าย

เป็นรูปที่ได้มีโอกาสไปเที่ยวเวียดนามครับ แต่ลืมวิธีลงวิธีเขียนไปหมดละ ขอทบทวนแปปครับ ลืมจริงๆ ถือโอกาสปัดฝุ่น wordpress ไปด้วยในตัว ทิ้งไว้ 4-5ปี ตัว woocommerce แซงตัวนี้ไปไกลละ …

Android ui design

สวัสดี อดีตกาลนานที่ผ่านมา ครับ ห่างหายมา 4-5 ปี (แอบไปทำอย่างอื่นมา 555+)
ตอนนี้พึ่งลง android studio เสร็จ jdk sdk ไม่ติดปัญหาอะไรละ (ผมใช้ macbook)
ตอนนี้ผมรู้จักมันแค่นี้แหละครับ 5555+

เรื่องเว็บไซต์สำหรับผมก็คงต้องปรับตัวตาม UX นำมาเป็นหลักการในการใช้ออกแบบ ผมไม่ขอพูดถึงอะไรมากเพราะผมแค่ยังงูๆปลาๆ

google adsense ช่วงที่กำลังบูม หลายคนคงจำได้ ลง ads บนเว็บไซต์
มีคนมาคลิ๊กก็รับเงินจากอากู๋ไป $100 ดอลล่าสหรัฐ ถ้าทำเว็บที่มาต่อตูดเราทำแล้วได้ $100 ดอล
เว็บเราก็จะได้อีก $250 ดอล อันนี้คิดถึงอดีตนะครับ ขอเล่าหน่อย …
รุ่นพี่โปรแกรมเมอร์ที่ทำงานคนนึงทำแบบนี้ได้แล้วรับเช็คเงินสดจากอากู๋ $10,000 ดอล (ช่วงนั้น $1 ก็ 38-39บาท)
เมาปริ้น ราศีจับ แล้วเหตุการณ์หลังจากนั้น ก็มีรุ่นพี่อีกคนระดับ manager ก็ทำตาม เกิดเหตุการณ์ปั้มเว็บ
ก็พวกผมนี่แหละปั้มให้แก 555+ ไปเอาบัตรประชาชนของทหารเกณฑ์ ยกค่าย 100-200 คนมาสมัคร adsense
ลงทุนซื้อ sever มาตั้งที่บ้าน 2 ตัว อาทิตย์เดียวเห็นผล Honda jazz มาจอดหน้าบ้าน 5555+ เป็นช่วงที่ฟินมาก
ผ่านไป 1 เดือน โดนแบนยก sever พังงงงงง แต่ก็ถือว่าไม่ขาดทุน แล้วจากนั้นก็ซบเซากันไป จนมาถึงช่วงนี้

วนลูปเป็นเข็มนาฬิา…

ตอนนี้ยังรู้แค่นี้ครับ ขอทำแล้วศึกษาไปก่อน ตั้งใจไว้จะทำเกมส์ลง app android ได้ผลยังไงเดี๋ยวมาเล่าให้ฟังใหม่ครับ

Microdata

Microdata and Html5

Microdata

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

WebDesign 2012-2013

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 ผมขอเอาผลงานมาลงเว็บหน่อยนะครับ ไม่ได้หวังผลประโยชน์อันได บันทึกการก้าวเดินของผมแค่นั้นเอง)

WebDesign2012

หลังจากที่ไม่ได้อัพเดท Blog มานาน ก็เอาวันนี้แหละครับ “ซิงเจียอยู่อี่ ซิงนี้ฮวกใช้” (เป็นคำจีนแต้จิ๋ว บ่แม่นจีนกลาง) ก็ไม่ได้มีเชื้อสายจีนหรอกนะครับ แต่อยากได้แฟนเป็นคนจีน 55555+ #นี่แน่ะ

เอาผลงานของปีที่แล้ว ปีโลกแตกแต่ไม่แตก ปี2012 หรือปี 2555 ส่วนใหญ่จะเป็นงานลง code Html+css+Jquery ในส่วนของ Font-End Developer และก็ทำ Design ด้วย เรียกได้ว่าจบงานนี้ต่องานใหม่ วน loop ไปเรื่อยๆ แทบไม่ได้หยุดพักหายใจหายคอเลย แต่มุกที่ Bad ที่สุดคือ “เงินมันหายไปอยู่ไหน” 55555+ เป็นตลกร้ายครับ ที่ทำร้ายจิตใจมากๆ ในตัวงานก็จะรวบรวมทั้งหมด มีทั้ง Mobile website ,Responsive website ,Desktop website

ปีนี้ความตั้งใจก็เหมือนปีที่แล้ว แต่จะอัพเดท แปลเรื่องพวกเรื่อง HTML5+CSS3 มาลง Blog ให้มากขึ้นจะเอาแต่ที่ได้ใช้ และที่ผมเข้าใจ และได้ทำแล้ว มาตีพิมพ์เป็นภาษาไทย 55555+ #แปลผิดแปลถูกก็อย่าว่ากันเด้อ ,ในเร็วๆนี้จะเปลี่ยน template มาใช้ Responsive บ้าง และกำลังอยู่ในขั้นตอนการโมดิฟายครับ จะมีปรับโครงสร้างใหม่ใช้ อยากลงลึกกว่านี้ (เว็บตอนนี้ยังง่อยอยู่เลย – -*)

~ สวัสดีครับครับ Ryan iBarGame

เป็นรูปที่ save print screen มาจาก Browser นะครับ เชิญรับชมครับ
Continue reading WebDesign2012