น้อยมาก แต่ม้ากมาก

ปีที่ผ่านมา มีเหตุการณ์หนึ่งที่สะเทือนในกลุ่มชนคนรักผลิตภัณฑ์แอปเปิ้ล กับการเสียชีวิตของสตีฟ จ็อบส์ และในความเศร้าโศกทั้งหลาย ก็มีคนออกมา tribute ให้กับการจากไปของศาสดาด้วยคำพูด ดอกไม้ รวมถึงการแสดงออกผ่านงานดีไซน์อันสวยงาม ซึ่งหนึ่งในงานดีไซน์ที่ทำออกมาเพื่อไว้อาลัยต่อการจากไปของจ็อบส์ ที่จับใจคนทั้งโลก เป็นรูปนี้ ภาพหนึ่งภาพที่มีเต็มเปี่ยมไปด้วยความรู้สึก เพราะเบื้องหลังของแอปเปิ้ลก็มาจากการทุ่มเทแรงใจของ สตีฟ จ็อบส์ จริงๆ ภาพนี้ดีไซน์โดย Jonathan Mak Long ที่เผยแพร่ผ่านบล็อกส่วนตัวของเขา และมี …

HTML5 Workshop วันที่ 3

วันที่สามนี้ ช่วงเช้า จะทบทวน CSS นิดหน่อย จาก Slide ที่เคยอธิบายไว้?แล้วหลังจากนั้น จะเป็นการเรียนรู้ jQuery ให้มากขึ้น โดยเร่ิมจาก API คือ Selectors Attributes Events Effects CSS โดยทดลองเขียนโปรแกรมในเงื่อนไขต่างๆ เช่นกดปุ่ม แล้วให้เกิดอะไรขึ้นบ้าง, รู้จักกับ easing แบบต่างๆ??(ตัวอย่าง?, รูปประกอบ, Download) และทดลองใช้ jQuery Plugin ต่างๆ เพื่อเพิ่มความสามารถ เช่น ทดลองใช้?slidesjs.com?เพื่อทำ Image Slider ทดลองใช้ Parallax Slider?(สามย่านเคยใช้แนวทางของ parallax ทำการ์ดสวัสดี …

HTML5 Workshop วันที่ 2

วันที่สองนี้ ช่วงเช้าจะเป็นเรื่อง Solution ที่สามย่านใช้ในการสร้างเว็บจาก HTML5 โดย @iMenn ส่วนช่วงบ่าย จะเป็นเรื่อง Canvas ทั้ง 2D และ 3D โดย โพว จากหัวลำโพง Sam Yarn HTML5 Starter Kit การสร้างเว็บนั้น ถ้าเริ่มเขียนจากศูนย์มันช้าไป สามย่านเลยพยายามรวบรวมไอเดีย แล้วมาประกอบร่างเป็นชุดเริ่มต้นสำหรับเริ่มโปรเจ็คของเรา แต่จริงๆ แล้วเราก็ไม่ถึงกับสร้างขึ้นใหม่เลย ส่วนใหญ่แล้วก็เดินตามรอย HTML5Bolierplate อยู่ดี ไฟล์งานสำหรับการบรรยายอยู่ที่ http://samyarn.com/share/smy-html5-demo.zip ประเด็นที่น่าสนใจของ …

HTML5 Workshop วันที่ 1

สามย่านได้รับเกียรติเชิญไปเป็นวิทยากรอบรม HTML5 ที่ลาดกระบัง เป็นเวลา 3 วัน เลยมาบันทึกไว้ดังนี้นะครับ วันที่แรก (6 มิ.ย. 2555) ช่วงเช้า: ปูพื้นฐาน HTML และ CSS โดย @iannnnn ช่วงบ่าย: รู้จักกับ HTML5 โดย @iannnnn เดี๋ยวว่างๆ แอนมาเขียนต่อละกันนะ จากพี่เม่น มาแล้วจ้ะ อ่านต่อได้เลย สำหรับวันแรกจะเป็นการปูพื้นฐานให้น้องๆ ได้รู้จักที่มาที่ไปของ HTML และ CSS กันก่อน ย้อนประวัติศาสตร์ HTML แนะนำพัฒนาการของมาตรฐาน HTML, XHTML, องค์กร W3C Web Standards สงครามเบราว์เซอร์ ที่เกี่ยวข้องกับมาตรฐาน …

หาแรงบันดาลใจในการ mix&match เสื้อผ้า ได้ด้วย Flair Fashiontag

สาวๆ ที่รักการแต่งตัวโดยปกติแล้วก็มักจะมองหาแรงบันดาลใจเพื่อมาเติมเต็มเสื้อผ้าใหม่ๆ ในตู้เสื้อผ้าเสมอ หรือง่ายสุดก็มองสาวๆ คนอื่นเลยว่าตอนนี้เค้าแต่งตัวกันประมาณไหนนะ นิตยสารที่ตั้งตัวเป็นแรงบันดาลใจสำหรับผู้หญิงอย่างนิตยสาร Flair ก็เลยทำ Facebook Application ที่ชื่อ Flair Fashiontag ขึ้นมา โดยแอปนี้ก็จะมีกลไกคือให้ผู้เล่นทำการ "แท็ก" เสื้อผ้าหรือเครื่องประดับที่เห็นว่าโดนใจกิ๊บเก๋ จากนั้นก็ทำการถามคนนั้นซะเลยว่าซื้อเสื้อผ้าหรือเครื่องประดับเหล่านี้ได้จากที่ไหน Fashiontag ทั้งหมดจะโชว์อยู่ใน Facebook …

ทำผลไม้ให้เป็นกล่องน้ำผลไม้ ให้รู้สึกว่าลิ้มลองจากกล่องก็ได้รสสดใหม่เหมือนกินผลไม้จริงๆ

เวลาเรากินน้ำผลไม้จากกล่อง เราอาจจะไม่รู้ว่าบางทีเราก็ไม่ได้รับสารอาหารและความสดชื่นเท่าการกินผลไม้สดจริงๆ เพราะน้ำผลไม้บางชนิดก็จะมีการปรุงแต่งสีและรสมาแล้ว ถึงจะบอกที่ข้างกล่องว่า "น้ำผลไม้ 100% ก็เถอะ" น้ำผลไม้ Camp ก็คงรู้ว่าผู้บริโภคคิดแบบนี้เหมือนกัน ก็เลยออกแคมเปญ "สร้างผลไม้รูปกล่องน้ำผลไม้" โดยทำแม่พิมพ์รูปกล่องน้ำผลไม้ (มีหลอดด้วยนะ) มาครอบผลไม้ที่ยังเจริญเติบโตไม่เต็มที่ และเมื่อผลไม้นั้นโตขึ้นเรื่อยๆ ผลไม้ที่เคยเป็นรูปทรงกลมรีก็จะมีรูปทรงเหมือนกล่องน้ำผลไม้เด๊ะๆ แคมเปญนี้คงอยากให้ผ …

ชอบจิบกาแฟและอ่านข่าวใช่ไหม งั้นอ่านมันบนแก้วกาแฟเลยสิ

ในโลกที่ทุกวันนี้แทบทุกคนมีสมาร์ตโฟนหรือแท็บเล็ตไว้อ่านสิ่งที่น่าสนใจได้ผ่านโลกดิจิทัลกันเกือบทุกคนแล้ว สื่อสิ่งพิมพ์ทั้งหลายก็ได้รับความสนใจน้อยลงขึ้นในทุกขณะ ดังจะเห็นได้ว่าหลายๆ สิ่งพิมพ์เริ่มผันตัวเองมาอยู่ในรูปของสื่อดิจิทัล ไม่ว่าจะเป็น iPad Application หรือเป็นคอนเทนต์ในเว็บไซต์ก็ว่ากันไป และพยายามทำทุกวิถีทางได้ให้ครองพื้นที่ออนไลน์กันให้ได้มากที่สุด ด้วยเหตุผลข้างต้นจึงทำให้เกิดแคมเปญ The Headline News Cup Sleeve ที่ทำมาเพื่อให้หนังสือพิมพ์ Gulf มีผู้อ่านมากขึ้น โดยทางทีมคิดแคมเปญเล็งเห็นว่า คนเ …

ไอเดียของ UI จากแอพ Pinterest

สืบเนื่องจากทวีตนี้ของพี่เม่น โอ้เพิ่งเห็นว่า app pinterest ใช้วิธีซ่อนเมนูด้านล่างเมื่อเราต้องการดูข้อมูลต่อ แล้วเอาโชว์ใหม่ตอนที่เราอยากจะหามัน cc @buumoon @chaiyosart ? iMenn (@iMenn) February 10, 2012   ก็เลยลองโหลดแอป Pinterest มาเล่นดู แล้วก็พบว่าเป็นแบบนั้นจริงๆ ด้วย (;???) ก็คือถ้าเราเลื่อนลงเพื่อจะไปดูรูปของคนที่เรา follow เอาไว้ เมนูบาร์ทั้งด้านบนและด้านล่างก็จะหายไปทันทีแบบนี้ แต่ถ้าเราเลื่อนขึ้นข้างบน เมนูต่างๆ ที่หายไปก็จะโผล่มาทันทีราวกับเสก! ในขณะเดียวกัน แอป …

บันทึก: ไปฟัง @iannnnn บรรยายเรื่อง HTML5-CSS3

พอดีวันพฤหัส 12 มกราคมที่ผ่านมา ได้มีโอกาสติดสอยห้อยตามพี่แอน (@iannnnn) ไปฟังพี่แกบรรยายเรื่อง HTML5-CSS3 ที่ ม.เกษตร มาล่ะฮับ (ภาพจากคุณ @mamuang ฮิ) ซึ่งงานบรรยายของพี่แอนก็ให้ความรู้เกี่ยวกับ HTML5 และ CSS3 ในแง่ของการทำความรู้จักกับมันว่าเป็นอย่างไร จะเหมือน HTML และ CSS ที่เราใช้กันอยู่ทุกวันนี้ไหม? ก็จะขอเขียนบันทึกไว้จากที่ฟังพี่แอนบรรยายมาฮับ (แต่คงเล่าได้ไม่สนุกเท่าที่พี่แอนพูดนะ 555) HTML5+CSS3 HTML5 เรียกได้ว่าเป็นการรวมตัวกันระหว่าง HTML+CSS+JS เนื่องจากเทรนด์ของการทำเว็บในยุคน …

เบื้องหลังการทำ “Sam Yarn Happy New Year”

จากโพสต์ก่อนหน้านี้: สวัสดีปีใหม่ 2012?..?อยู่ดีๆ พี่เม่นก็มีดำริขึ้นมาว่า "ไหนๆ ก็ปีใหม่ทั้งที เรามาทำอีการ์ดส่งให้ลูกค้ากัน ให้เวลาอาทิตย์นึงพอนะ" ..บัญชาการไว้เพียงเท่านี้ แล้วพี่เม่นก็สลายร่างหายไป ทิ้งเศษใบไม้ปลิวลมไว้ให้น้องๆ ดูต่างหน้า เมื่อสถานการณ์เป็นดังนี้ ทางทีมงานที่ได้รับคำสั่งทั้งสามชีวิต ประกอบด้วย แบงค์กุม บักเอ และผมเอง(ไอ้แอน) จึงมองหน้ากันแว้บนึง และเริ่มงานทันที (คือพูดสร้างภาพให้ดูเหมือน active หน่อย ที่จริงคือลงไปกินข้าวกันมากกว่า) ในสามย่านเรามีกติกาในการทำงานง่ายๆ คือเมื่อเริ่ …