CSS3 | HTML5 in Thail

Theme WordPress ที่ใช้ HTML5 & CSS3 ในการพัฒนา

January 12th, 2011 | by กระปาล์ม | html5 examples

Jan
12

HTML5

วันนี้ผมเห็นทวิตหนึ่งของ @iannnnn (ทวิตนี้จร้า) ทวิตมาก็เลยขอหยิบมาเขียนลงบล็อกซะหน่อย ซึ่งเป็นเรื่องของ Theme WordPress คาดว่าหลายๆ คนคงจะเกิดคำถามว่า เอ๊ะ ! แล้วมันเกี่ยวกับ HTML5 อย่างไร ขอบอกว่ามันเกี่ยวแน่นอนครับเพราะ Theme ที่หยิบมาอันนี้เป็น Theme ที่พัฒนาโดยใช้ HTML5 และ CSS3 ทั้งหมดนั้นเอง อย่างที่ @iannnnn ทวิตไปแหละครับว่ามันเขียนด้วย CSS3 + HTML5 ล้วนๆ เราไม่จำเป็นว่าจะเล่น WordPress หรือเปล่า แต่เราเอามาลองแงะดูประดับสมองดีกว่าครับ ว่าเขาเขียนกันอย่างไร เพื่อเป็นแนวทางในการพัฒนาของเราต่อไปหรือใครที่เล่น WordPress อยู่จะเอา Theme ไปใช้งานก็ไม่ว่ากันจร้า เข้าดู Demo หรือข้อมูลอื่นๆ ได้ที่ webexpedition18.com

Read full story

1 Comment »

52ramework: HTML5 Frameworks ที่น่าลอง

January 11th, 2011 | by กระปาล์ม | html5 development kit

Jan
11

ผมมี HTML5 Frameworks มาแนะนำให้ลองใช้กันครับ ซึ่งในปัจจุบันก็เริ่มมี Frameworks ของ HTML5 ออกมาให้เราได้เห็นกันบางแล้ว ส่วนใหญ่นั้นจะเป็นการร่วมเอา HTML5 และ CSS3 เข้าด้วยกัน ทำให้เราสามารถนำมาใช้งานได้อย่างสะดวก หลายๆ Frameworks มี html5 markup และ css reset มาให้เลยยิ่งสะดวกไปใหญ่ รวมไปถึงการยั้ดเอา HTML forms และ HTML 5 elements เข้ามา ซึ่งหลักๆ พวกนี้ก็ถูกยั้ดรวมมาใน Frameworks อยู่แล้ว 52ramework Frameworks ตัวนี้ประกอบไปด้วย Tag HTML5 พื้นฐานมาให้ครบถ้วนไม่ว่าจะเป็น header, nav, section, article, footer มี css reset สำหรับ HTML5 มาให้ด้วยพ่วงมาด้วย CSS3 ที่ใส่ฟีเจอร์ rounded corners, text-shadow, box-shadow, html5 markup และก็มี grid system มาให้อีกด้วย สนใจลองเข้าดู documentation และ community ได้ครับ หรือดู Demo กันก่อนได้ครับ

Read full story

1 Comment »

เริ่มต้นเรียนรู้ HTML5 อย่างไรดี

January 11th, 2011 | by กระปาล์ม | html5 introduction

Jan
11

html5

HTML5 เชื่อว่าหลายๆ คนคงจะได้ยินคำนี้มาได้สักพักแล้ว ถึงแม้ว่าจะไม่ใช่นักพัฒนาเว็บไซต์ก็ตาม คงจะเคยได้ยินคำนี้มาแน่นอน เพราะด้วยกระแสต่างๆ ที่นำพาให้พวกท่านรู้จักกับ HTML5 โดยไม่ได้ตั้งใจ และเชื่อว่าด้วยกระแสที่มาแรงคงมีหลายคนอยากเรียนรู้ HTML5 ขึ้นมาไม่มากก็น้อย และก็มีแน่นอนที่ไม่รู้ว่าควรจะเริ่มต้นที่อะไรดี หากเป็นนักพัฒนาเดิมๆ ที่อยู่ในวงการพัฒนาเว็บมานาน หรือมีความรู้อยู่บ้างคงไม่มีปัญหานี้แน่นอนครับ แต่ถ้าเป็นผู้เริ่มต้นอันนี้แหละคือประเด็นและอาจจะต้องเหนื่อพอสมควร สำหรับผู้ที่เริ่มต้นใหม่ ก่อนอื่นผมแนะนำอย่าพึ่งไปสนใจกับอดีตตะชาติของมัน อย่ามัวไปเสียเวลาเพื่อศึกษาชีวะประวัติอันเยอะแยะมากมาย ไม่ว่าจะเป็น HTML 4.01 คืออะไร ? แล้ว XHTML 1.0 ละมันอะไร ? Web Application 1.0 (WA1) เป็นยังไง โอ้ยอีกเยอะแยะรับรองได้เลยถ้าไปอ่านพวกนี้ปวดหัวตายครับ เพราะเป็นเนื้อหาที่เยอะ แต่เป็นสิ่งที่นักพัฒนาควรต้องรู้ แต่เราลำดับความสำคัญมันได้ ถ้าเราพัฒนาเป็นแล้วเรื่องทฤษฎีพวกนี้ก็ไม่ยากครับ แต่ก็ไม่ใช่ว่าจะไม่สนใจทฤษฎี เลยในต้นเริ่มต้นมีทฤษฎี 2-3 อย่างที่นักพัฒนาหน้าใหม่ๆ ต้องเรียนรู้และจดจำได้ยิ่งดี ถ้าจะให้แนะนำอย่าไปสนใจ HTML ในเวอร์ชั่นก่อนๆ มาสนใจกับตัวเวอร์ชั่นให้เป้นพอ โดย HTML5 นั้นอย่างที่ทราบกันก็คือเป็นภาษา HTML เวอร์ชั่นที่ 5 ถูกพัฒนาขึ้นเพื่อใช้เป็นภาษามาร์กอัพ สำหรับการพัฒนา Website เวอร์ชั่นล่าสุด (ซึ่งยังไม่ได้ใช้งานจริงจัง) หนึ่งสิ่งที่ควรจะรู้เกี่ยวกับ HTML5 ก็คือ Features ของมันมีอะไรบ้าง

Read full story

3 Comments »

แนะนำหนังสือ HTML5

June 19th, 2010 | by กระปาล์ม | html5 introduction

Jun
19

แนะนำหนังสือ HTML5 และ CSS3

วันนี้ผมมีหนังสือดีๆ มาแนะนำหลายเล่มด้วยกันเป็นหนังสือที่เหล่า web developer หลายๆ คงกำลังต้องการหรือกำลังหาอยู่ก็เป็นได้ เพราะมันเป็นหนังสือที่สอนการเขียน HTML5 นั้นเอง ซึ่งผมเองก็เป็นอีกคนที่กำลังศึกษาอยู่แต่ที่เซ้งก็คือยังไม่ค่อยมีหนังสือสอนพวกนี้ออกมาว่างขายเลย วันนี้ผมก็เลยมาแนะนำเผื่อใครหลายๆ คนกำลังหา แต่ขอบอกก่อนนะครับว่า หนังสือที่ผมแนะนำนั้นก็ยังไม่มีวางขายเช่นกัน แต่ตอนนี้ก็เปิดให้สั่งจอง (Pre-Order) กันได้แล้ว หนังสือน่าจะวางขายกันได้ในราวๆ เดือนกรกฏาคมที่จะถึงนี้ เอาเป็นว่าอย่าช้า เรามาดูกันเลยวผมจะเอาหนังสือหนังสือสอนการเขียน HTML5 อะไรมาแนะนำกันบ้าง Read full story

5 Comments »