Slider Control คํานวณอายุง่ายๆ ด้วย HTML5

ก่อนที่จะมาเป็น HTML5 การที่เราจะทำการเขียน Slider Control เพื่อเพิ่มลูกเล่นให้กับเว็บไซต์ของเรานั้น ดูจะเป็นเรื่องที่ค่อนข้างยุ่งยาก โดยเราจะต้องทำการ Download Plug-in มาใช้งาน รวมถึงไฟล์ CSS ที่จะต้องนำมาประกอบเพื่อสร้าง Slider Control ขึ้นมาสักอันหนึ่ง แต่สำหรับ HTML5 แล้ว เมื่อเราทำการกำหนด Input Type เป็น...

5 นวัตกรรมเปลี่ยนโลก

ถ้าพูดถึงวิ่งประดิษฐ์ต่างๆบนโลกใบนี้ คงมีเยอะมากจนพูดได้ไม่หมด แต่ถ้าเราลองดูเฉพาะสิ่งที่สร้างความเปลี่ยนแปลงให้เกิดขึ้นกับโลกได้ คงจะเหลือน้อยลง แล้วอะไรบ้างที่ทำให้เกิดความเปลี่ยนให้เกิดขึ้นได้จริงๆ วันนี้เราจึงคัดมาให้ดูกันกับ 5 นวัตกรรมเปลี่ยนโลก ลองมาดูกันดีกว่าว่าจะมีอะไรบ้าง 5. Steam Engine เครื่องจักรไอน้ำ ้ ถือเป็นการเปลี่ยนแปลงครั้งใหญ่ของอุตสาหกรรมเครื่องยนต์เลยก็ว่าได้ แม้จะมีข้อจำกัดในการใช้ แต่ก็ได้รับความนิยมอย่างกว้างขวางในวงการอุตสาหกรรม เริ่มผลิตครั้งแรกเมื่อปี ค.ศ. 1712 4. Automobile รถยนต์ คงไม่ต้องบอกว่านวัตกรรมนี้เปลี่ยนแปลงโลกไปขนาดไหน เพราะทุกวันนี้คงหาถนนที่ไม่มีรถวิ่งไม่ได้แล้ว ถือว่าเป็นอีกหนึ่งนวัตกรรมที่เปลี่ยนโฉมหน้าวงการเครื่องยนต์ไปตลอดกาล 3. Light bulb หลอดไฟ สิ่งประดิษฐ์ให้แสงสว่างที่คงไม่ต้องบอกว่า...

ปัญหาตั้งค่า AirCard 3G แก้ได้

สำหรับใครที่ใช้อุปกรณ์ปล่อยสัญญาณอินเทอร์เน็ต หรือ AirCard วันนี้เราข้อแนะนำมาบอกต่อกันครับ

แก้เนื้อหาชิลๆ บน 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 หนึ่งในเลโก้โมเดลที่ถูกโปรแกรมให้กลายเป็นแบบจำลองในคอมพิวเตอร์ รูปถ่ายระยะใกล้ แสดงห็เห็นถึงรายละเอียดเล็กๆน้อยๆ ที่ได้รับการตกแต่ง ก่อนจะนำไปจำลองลงบนคอมพิวเตอร์ การสร้างสีหน้าลงบนตัวเลโก้ ในรูปแบบต่างๆ ดูๆไปแล้วการจะสร้างหนังซักเรื่องจากของเล่น ก็ไม่ใช่เรื่องง่ายๆเลยนะเนี่ย

Hot Issue