แก้เนื้อหาชิลๆ บน HTML5 ด้วย The contenteditable attribute

การเขียนแอพพลิเคชันเพื่อแก้ไขข้อมูลใน HTML Version ก่อนๆ เราจำเป็นต้อง Design ให้หน้าแสดงผลและหน้าสำหรับแก้ไขแยกออกจากกัน หรือถ้าต้องการให้อยู่ในหน้าเดียวก็ต้องเขียน Script ซึ่งวุ่นวายทีเดียว แต่สำหรับ HTML5 แล้ว เราสามารถทำการแก้ไขเนื้อหาที่ต้องการได้ เพียงแค่กดคลิกที่เนื้อหานั้นๆ ก็สามารถแก้ไขข้อมูลได้ทันที ทำให้ Web Application ทำงานง่ายและรวดเร็วมากยิ่งขึ้น เรามาลองดูการใช้งาน Contenteditable attribute บน...

วาดรูปธงชาติด้วย Canvas rect() บน HTML5

วันนี้เราจะมาเรียนรู้เรื่องคำสั่งที่ใช้ในการวาดรูปสี่เหลี่ยมกัน โดยเราจะใช้คำสั่งนี้มาทำการวาดรูปธงชาติไทยของเรากันดู คำสั่งสำหรับการวาดรูปสี่เหลี่ยม เราจะใช้เป็นคำสั่ง context.rect() โดยมีรูปแบบ การใช้งานดังนี้ context.rect(x,y,width,height); x คือ ตำแหน่งจุดเริ่มต้นในแนวแกน x y คือ ตำแหน่งจุดเริ่มต้นในแนวแกน y width คือ ความกว้างของสี่เหลี่ยม height คือ ความสูงของสี่เหลี่ยม หลังจากที่รู้เรื่องรูปแบบการใช้งานคำสั่งสำหรับวาดรูปสี่เหลี่ยมกันไปแล้ว เรามาลอง ประยุกต์ใช้ในการวาดรูปธงชาติไทยกันดูดีกว่า สำหรับการวาดรูปธงชาติเราจะทำการวาดรูปสี่เหลี่ยมทั้งหมด 3 รูป เรียงลำดับจาก สีแดง (ใหญ่ที่สุด) สีขาว...

เกมบอย (Gameboy) ครบรอบ 25 ปี ..เรามาหวนรำลึกอดีตกันเถอะ!

เครื่องเล่นเกมพกพาที่มีชื่อเรียกสั้นๆง่ายๆว่า "เกมบอย" วางจำหน่ายครั้งแรกเมื่อวันที่ 21 เมษายน 1989  นับจนถึงปัจจุบันนี้ก็ถือได้ว่าเกมบอยของเรานั้นมีอายุครบ 25 ขวบเรียบร้อยแล้ว  เนื่องในโอกาสครบรอบ 25 ปีของเกมบอย  วันนี้สมิตขอทำหน้าที่พาทุกคนไปหวนรำลึกถึงความทรงจำในวัยเด็กที่มีต่อเกมบอยกันค่ะ : D http://youtu.be/O4VTMGI7Xag โฆษณาทาง TV ตัวแรกสุดของเกมบอยที่ฉายในอเมริกา จากวันนั้นถึงวันนี้  เกมบอยขายไปได้ทั้งสิ้น 118.69 ล้านเครื่องแล้ว (รวม Gameboy Pocket และ...

TL;DR Wikipedia สารานุกรมออนไลน์สำหรับคนขี้เกียจอ่าน!

สมิตเคยพูดเล่นๆกับเพื่อนว่าประเทศไทยเราน่าจะมีคนทำหนังสือพิมพ์ที่มีแต่พาดหัวข่าวกับรูปออกขายบ้าง เพราะคนสมัยนี้ดูเหมือนจะไม่ชอบอ่านอะไรยาวๆกัน  บางทีขนาดเขียนสั้นๆ 3 บรรทัดยังอ่านกันไม่เข้าใจเลย ... ไม่น่าเชื่อว่าความคิดแผลงๆของสมิตจะมีคนทำให้เป็นจริงแล้ว!  แต่ไม่ได้อยู่ในรูปหนังสือพิมพ์นะคะ  มาเป็นสารานุกรมกันเลยทีเดียว... TL;DR Wikipedia ย่อมาจาก "Too long, didn't read. Wikipedia" แปลตรงๆว่าสารานุกรมที่ยาวเกินไปอย่าไปอ่านมันเลย  ... มาอ่านอะไรสั้นๆดีกว่า!! Wikipedia สำหรับคนขี้เกียจอ่านนี้จะเป็นการรวบรวมเรื่องราวน่ารู้(???)แต่มาแบบสั้นๆไม่เกิน 5 บรรทัดพร้อมภาพประกอบ  ซึ่งเราสามารถส่งเรื่องราวเข้าไปเพิ่มเองได้ด้วย คล้ายกับ...

Gadget&Tech ยอดแย่ตลอดกาล

ขึ้นชื่อว่าอุปกรณ์ไฮเทค มันก็ต้องมีทั้งดีและไม่ดี คือไอเดียบรรเจิดแต่ผลิตออกมาแล้วแย่(?) จะมีอุปกรณ์ตัวไหนติดโผบ้าง ลองมาดูกันเลยดีกว่า แว่นตา Mp3: Oakley Thump Sunglasses แว่นตาแบรนด์ดังกับไอเดียสุดเจิด พ่วงด้วยความสามารถเล่นเพลง Mp3 น่าเสียดายที่พอเอาเข้าจริง ดีไซน์กลับใหญ่เทอะทะ หนาและหนัก จนต้องร้องยี้เพราะความไม่เอาอ่าวของรูปทรง เกมพกพาจาก Gizmondo ยี่ห้อเกมพกพา Gizmondo หลายคนคงขมวดคิ้วเมื่อได้ยินชื่อ แบรนด์อะไรไม่เคยรู้จัก? นั้นไม่แปลกเพราะไอเดียที่จะทำเกมพกพาอันจะประกอบไปด้วยฟีเจอร์เด็ดๆอย่าง 28 bit processor, digital...

5 สุดยอดหนัง CG (Computer Graphic) ในตำนาน

ถ้าพูดถึงหนังที่ดูแล้วยิ่งใหญ่อลังการ เชื่อเถอะว่าหนังจำพวกที่ใช้เทคนิคการสร้างแบบ CG ต้องถูกลิสต์มาเป็นอันดับต้นๆแน่นอน ดังนั้นเรามาดูหน่อยดีกว่าว่า สุดยอดหนัง 5 เรื่อง ประเภทที่สร้างด้วย CG จะมีอะไรกันบ้าง อันดับ 5 Tron (1982) Director: Steven Lisberger VFX: MAGI แม้ว่าหนังอาจจะทำรายได้ได้ไม่ดีเท่า ET ที่โด่งดังในยุคนั้น แต่ต้องถือว่าเป็นหนังที่สร้างความแตกต่างในเรื่องเทคนิคการสร้างด้วย CG ที่สุดอีกเรื่องหนึ่ง อันดับ 4 Terminator...

เลโก้มีชีวิต: LEGO The Movie

เป็นหนังอีกเรื่องที่สร้างมาเพื่อคนรักเลโก้โดยเฉพาะ แต่ใครจะรู้ว่าเบื้องหลังการสร้างให้ของเล่นมีชีวิตและเคลื่อนไหวได้นั้น จะมีขั้นตอนที่ซับซ้อนไม่น้อยเลย ดังนั้นวันนี้เราจะลองมาดูกันซิว่า การทำให้เลโก้มีชีวิตขึ้นมาได้นั้น เค้าจะมีวิธีการสร้างยังไงกันบ้าง หนึ่งในขั้นตอนการสร้างคือ การจำลองกราฟิกของตัวเลโก้ลงไปบนโปรแกรม Metalbeard’s pirate ship หนึ่งในเลโก้โมเดลที่ถูกโปรแกรมให้กลายเป็นแบบจำลองในคอมพิวเตอร์ รูปถ่ายระยะใกล้ แสดงห็เห็นถึงรายละเอียดเล็กๆน้อยๆ ที่ได้รับการตกแต่ง ก่อนจะนำไปจำลองลงบนคอมพิวเตอร์ การสร้างสีหน้าลงบนตัวเลโก้ ในรูปแบบต่างๆ ดูๆไปแล้วการจะสร้างหนังซักเรื่องจากของเล่น ก็ไม่ใช่เรื่องง่ายๆเลยนะเนี่ย

เคยเห็นหรือยัง!? เสื้อผ้าที่พิมพ์ออกจาก 3D Printer !!

เทคโนโลยี 3D Printing ถูกเอาไปใช้แทบจะในทุกวงการแล้ว  ไม่เว้นแม้กระทั่งในวงการแฟชั่น!  เนื่องในวันหยุดสบายๆต้อนรับปีใหม่ไทยๆแบบนี้  เว็บไซต์เราก็ขอรวบรวมเอาเสื้อผ้าสวยๆที่ผลิตด้วยเครื่องพิมพ์สามมิติ 3D Printer กัน   เริ่มกันที่ชุดชั้นในตัวแรกของโลกที่ผลิตด้วย 3D Printer   พิมพ์จากไนลอน  สามารถกันน้ำได้ด้วย (น่าเอามาใส่เล่นสงกรานต์บ้านเราเนาะ)   ส่วนอันนี้ก็เป็นชุดชั้นในจากแบรนด์ดัง Victoria Secret ในชื่อว่า Snow Queen ซึ่งผลิตจากเทคโนโลยีการพิมพ์สามมิติ  และประดับประดาด้วยคริสตัลจาก Swarovski ไม่ใช่แค่ชุดชั้นในเท่านั้นที่สามารถพิมพ์ได้ด้วย 3D...

Gadget กับ Celeb

เซเลบ หรือ คนดัง ที่มักจะปรากฏตัวพร้อมกับชุดดีไซน์เก๋ๆ อยากรู้มั๊ยว่าเวลาเขาหรือเธอมาจับคู่กับ Gadget หรืออุปกรณ์เทคโนโลยีต่างๆ จะเป็นยังไง? คนแรกกับสาวสุดซี๊ด เจ้าแม่แฟร์ชั่นเหนือจินตนาการ Lady GaGa ที่อุปกรณ์ไฮเทคที่นางเลือกจับคู่ด้วย ก็ช่างแหวกแนว และเหนือความคาดหมายพอกัน มันคือปริ้นเตอร์ที่มีชื่อว่า GL10 intstant printer เป็นผลงานร่วมกันระหว่างนางและบริษัท Gray Label คนถัดมาคือสาวสุดแซ่บอีกคนของวงการเพลงอย่าง Gwen Stefani คนนี้ก็ขอจับมือกับ...

เทคโนโลยีที่เปลี่ยนแปลงวงการหนัง

IMAX—With Lasers เทคโนโลยีเลเซอร์ที่ IMAX นำมาใช้ต้องบอกว่าทำให้คุณภาพของภาพยนตร์ในโรงฉายนั้น แจ่มขึ้นมาแบบฝุดๆ! ด้วยการให้สีดำที่มีมิติ และคุณภาพที่คมชัด จนถึงขนาดมีการกล่าวว่า IMAX is the future of movies!! (IMAX คืออนาคตของหนัง) Digital Cameras สุดยอดกล้องแห่งความสะดวกสบาย ที่มอบสิทธิพิเศษอันเหนือชั้นในการใช้ ไม่ว่าจะเป็นการลุยป่า การเก็บบันทึกภาพได้จำนวนมาก จึงไม่น่าแปลกใจเลยว่า มันจะกลายมาเป็นหนึ่งในอุปกรณ์ที่เปลี่ยนโฉมวงการภาพยนตร์ ก็แน่ล่ะมันสะดวกกว่าการถ่ายด้วยกล้องฟิล์มเป็นไหนๆ Smartphone and...

Hot Issue