Archive for the 'Design' Category

Font Clock

font_clock.jpg

คุณเบื่อกับปัญหาดูนาฬิกาแล้วเซ็งโลกหรือไม่ นั่นอาจเป็นเพราะนาฬิกาของคุณไม่ครีเอตพอ วันนี้เราขอเสนอ Font Clock นาฬิกาที่จะทำให้การดูเวลาของคุณเปี่ยมไปด้วยรสนิยมมากขึ้นด้วยกลไกพิเศษที่จะแสดงฟอนต์ต่างๆ ผสมกันในแต่ละัจังหวะ แล้วการดูนาฬิกาของคุณ ก็จะไม่จืดชืดอีกต่อไป

Font Clock มาในสามรูปแบบ สามราคาตั้งแต่ £195 ไปจนถึง £810

thorsten van elten

The Power of Dreams

power_of_dream.gif

Guys from Brosmind studios in Barcelona have definitely done a great job for Honda. Titled “The Power of Dreams”, these beautiful illustrations have won Golden and Silver lions from Cannes 2007. Love the color and the idea.

You may view the full artwork at: http://www.juanmingarro.com/brosmind/ilustrations/contenido/honda.html

Theme ใหม่

กว่าจะทำเสร็จ! ขอถอนหายใจดังๆ หนึ่งเฮือก เริ่มทำตอนสี่ทุ่ม กว่าจะเสร็จก็ตีสอง

ธีม Positive นี้เป็นธีมที่ปรับนู่นปรับนี่ไปจากธีมมาตรฐานมากที่สุดเท่าที่เคยทำมา เพราะว่าระบบ navigation ก็ไม่ได้ไปอยู่ตรงที่เดิมแล้ว (ปกติธีมมาตรฐานไอ้ตัว navigation มันจะอยู่ด้านข้างๆ ไม่ซ้าย ก็ขวา แค่เปลี่ยนนิดๆ หน่อยๆ ก็จะเสร็จ) แต่อันนี้มันมาอยู่ด้านบน เลยต้องเขียนโค้ดใหม่เยอะเหมือนกัน คอนเซทป์ก็คือดูง่าย อ่านง่าย แล้วก็เอาเครื่องหมาย + เป็น prop หลัก

ด้านล่างนี้เป็น mock up ที่ทำใน photoshop จะเห็นว่ามีส่วนที่ขี้เกียจทำเช่น image replacing ตรงคำว่า recently,categories,… เดี๋ยวพรุ่งนี้ค่อยมาทำ ง่วงแล้ว

pos.jpg

เหมือนเดิมครับ ชอบไม่ชอบ อ่านลำบาก หรือง่ายกว่าเดิมก็บอกกล่าวกันมาได้ หวังว่าธีมนี้จะทำให้ผมขยันเขียน blog ขึ้นอีก 200% นะ -D

ปล. ธีมนี้มีบั๊กใน ie ตัวนึงคือถ้าดูใน ie ตรงโลโก้สีดำจะถูกตัดขอบออกไปให้เป็นที่อาวรณ์ ส่วน browsers อื่นๆ ที่เทสมา (Safari, Firefox, Opera) ไม่เป็นหรอกหนา
ปล2. ไม่ซัพพอร์ตหน้าจอ 800×600 แล้วนะครับ ใครยังใช้หน้าจอดังกล่าวอยู่ ต้องขอโทษด้วย

What a shame..

AOL รีดีไซน์หน้าโฮมเพจใหม่, TechCrunch เอามาเทียบให้ดูว่าเหมือนใคร

ตีความได้สามอย่าง

  1. สองบริษัทนี้ ใกล้จะร่วมมือกันทำอะไรสักอย่าง
  2. AOL ใช้ Yahoo User interface Library แล้วสไตล์นี้มันเป็น default
  3. ลอกกันหน้าด้านๆ

Link

กิจกรรมสาดน้ำใน exteen

ตอนนี้สงกรานต์ exteen กำัลังมีกิจกรรมสาดน้ำครับ คราวแรกนึกว่าจะเข็นกิจกรรมนี้ออกมาไม่ทันแล้ว แต่ด้วยความถึกเลยปั่นออกมาได้ในที่สุด

exteensongk.jpg

โจทย์คราวนี้คือ “ทำยังไงให้พัฒนาขึ้นจากคราวที่แล้ว” คราวที่แล้วนั้นเรามีกิจกรรมสาดน้ำ โดยก็เพิ่มแค่อีโมติคอนอันเดียว แล้วนับแต้มใครโดนสาดมากที่สุด แต่คราวนี้เราจะพัฒนาขึ้นไปอีกขึ้นยังไง

จู่ๆ ผมก็เกิดความคิดมาว่า “บลอคเปียก”.. แ้ล้วในที่สุดความคิดนั้นก็ถูกนำมาต่อยอดขึ้นไปตามนี้ครับ

บลอคเปียก -> เปียกหมดเลยดีมั้ย ไม่ต้องมีแต้ม -> ไม่ดี เปียกตามแต้มดีกว่าเพื่อจะได้แข่งกันสนุกๆ -> แล้วจะนับแต้มยังไง เปียกยังไงด้วย -> เป็นหยดน้ำมั้ย หนึ่งหยดก็หนึ่งแต้ม (โดนสาดหนึ่งครั้ง) -> แล้วถ้าเยอะๆ ไม่เละเหรอ -> … etc.

หลังจากคิดไอเดียออกมาคร่าวๆ แล้ว เรา (ผมกับต่าย) ก็ต้องมาหาเทคโนโลยีที่ match กับไอเดียอีกครับ ตอนแรกว่าจะใช้ flash หุ้มทั้งหน้า Blog ไว้ แต่ก็อาจจะมีปัญหา ทำให้คลิกไม่ได้อีก ก็เลยคิดว่าจะเขียน ActionScript ใน flash ให้เวลาเอาเมาส์วางแล้วจางไป แต่พอทำไปทำมาแล้วพบว่า เวลา transparent flash หลายๆ อัน ซ้อนกัน แล้วมันแสดงผลไม่ได้ในบางเบราเซอร์ บวกกับปัญหาทางเทคนิคบางประการโครงการที่ใช้ flash ก็เลยต้องล้มไป

สรุปว่าเราก็มาใช้วิธีที่เสี่ยงน้อยกว่า คือใช้จาวาสคริปและรูปนิ่งๆ ซึ่งเวลาเอาเมาส์ลากผ่านแล้ว ก็ต้องจางลงไปด้วย เพราะไม่เช่นนั้นจะคลิกลิงค์ที่อยู่ข้างล่างหยดน้ำไม่ได้ นอกจากนี้ก็มีข้อยิบย่อยเต็มไปหมดครับ เช่น “จะแสดงทั่วหน้าดีมั้ย” “แล้วถ้าหน้าเค้ายาวมากๆ เค้าก็ไม่เห็นอะไรเลยน่ะสิ” หรือ “โหลดที่ server จะหนักมั้ย” หรือ “เบราเซอร์ไหนมีปัญหาบ้าง” (ทดสอบ Firefox, IE, Safari on Win, Mac, Ubuntu)

แม้กระทั่งรูปหยดน้ำเราก็คิดอีก “หรือจะเป็นหยดน้ำแบบ หัวแหลมดี” “ไม่ดีๆ เพราะว่ามันจะดูไม่เข้ากับระนาบของหน้าบลอค -ศัพท์คำนี้บัญญัติใหม่”

เห็นได้ชัดเลยว่า กิจกรรมบนเว็บนี่เป็นการทำงานแบบ iceberg ทำร้อย เห็นส่วนที่พ้นน้ำึขึ้นมานิดเดียว แต่ก็คุ้มนะครับ สนุกดี แถมได้ศึกษาข้อจำกัดบางอย่างที่เราไม่รู้มาก่อนด้วย จริงมั้ย -D

Be an Artist even when you are in the office. (2)

ความเดิมจากตอนที่แล้ว : ถ้าในที่ทำงานเราห้ามลงโปรแกรม เราจะมีวิธีอะไรในการตกแต่งรูปได้บ้าง?

วันนี้ขอเสนอตอน : เว็บตกแต่งรูป (เสียงดนตรี ทีวีแชมปเปี้ยน Why can’t we be friends? why can’t we be friend? สามครั้ง แล้วก็มีเสียงแว้บบบ…) จากข้อมูลใน Blognone ที่พี่มาร์คโพสไว้ ทำให้ผมได้รู้จักเว็บตกแต่งรูปเพิ่มขึ้นอีกหลายที่ ที่ที่ประทับใจมากและจะำนำมาเสนอในวันนี้คือ fauxto และ picnik ซึ่งดีกันไปคนละแบบครับ..

สำหรับคนที่ใช้ทั่วๆ ไป เช่นตกแต่งรูปเพื่ออัพขึ้น flickr หรือส่งให้เพื่อน ผมแนะนำให้ใช้ picnik เนื่องจากมีฟีเจอร์ครบครัน ใช้งานง่าย สวย ไม่ต้องสมัคร แต่สำหรับการ “วาดรูปขึ้นมาใหม่” หรือเพิ่มออปเจกต์ต่างๆ เข้าไปในรูปเดิม ผมคิดว่า fauxto จะเหมาะกว่า เพราะมันเหมือน Photoshop ฉบับย่อยๆ นั่นเอง

ลองใช้ดูได้นะครับ ที่
Picknik
Fauxto

« Previous PageNext Page »