งง กดผิดกดถูก อันไหนควรขึ้นก่อนดี?

เอ.. แล้ว Web Designer นี่เค้าทำอะไรกันบ้างนะ?

สมัคร getDropbox ไว้นานแล้ว ลองใช้อยู่ไม่กี่ทีก็ไม่ได้ใช้ต่อ ผ่านมาหลายเดือนมี E-mail ส่งมาแจ้งเตือนด้วยว่าเราไม่ได้เข้าไปใช้นานแล้ว ภาพประกอบน่ารักดี Before & After

เมื่อวันอังคารที่ผ่านมา เห็น Blog ของ Flickr ประกาศว่าสามารถใช้ระบบส่งรูปจาก Flickr เข้า Twitter โดยตรงได้แล้ว

รอมาตั้งนาน ในที่สุดก็ใช้งานได้แล้ว นั่นหมายความว่า.. ต่อไปเมื่อเราถ่ายรูปจากโทรศัพท์มือถือปุ๊บ แล้วส่งเข้า E-mail รูปนั้นก็จะถูกอัพโหลดเข้า Flickr และจะมีข้อความอัพเดทขึ้นที่ Twitter ให้ทันทีเลย

ทีนี้ก็ไม่ต้องใช้ TwitterFeed มาช่วยแล้ว :P

ใครอยากลองใช้แต่ตั้งค่าไม่ถูก สอบถามแบบละเอียดหลังไมค์ได้นะครับ : )

เพิ่มเติม: Flickr Blog, Blognone

เมื่อวันก่อนเห็นว่าสมาชิกวง 2 Days Ago Kids เล่น Twitter กัน ก็เลย Tweet ข้อความนี้ออกไป ปรากฏว่าพี่บอยคงเห็นใน Facebook เลยกด “like” ให้เรา

เดี๋ยวนี้จะเริ่มเห็นคนดังๆ หรือบุคคลที่มีชื่อเสียงในสังคม (ทั้งไทยและต่างประเทศ) เริ่มเข้ามาใช้งานเว็บไซต์ประเภท Social Networking กันมากขึ้น

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

แอบดูเค้าคุยงานกัน :P

เมื่อเช้าวันศุกร์ตื่นขึ้นมาทราบข่าวการเสียชีวิตของไมเคิล แจ็กสัน (Michael Jackson) รู้สึกใจหายกับการจากไปจริงๆ ความตายนั้นจะเป็นจุดเริ่มต้นของการเดินทางเหมือนที่ในหนังเรื่อง Departures บอกไว้หรือเปล่านะ..

สำนักข่าวทั่วโลกต่างก็รีบนำเสนอข่าวนี้เป็นข่าวใหญ่กัน พอดีได้ผ่านเข้าไปดูที่เว็บไซต์ของ CNN เห็นว่ามีการนำประวัติของไมเคิลมานำเสนอในรูปแบบ Timeline ได้น่าสนใจ ใช้งานง่าย และเข้าใจได้รวดเร็ว ก็เลยนำมาให้ดูกันครับ

สำหรับเว็บไซต์ของไทยที่มีการนำระบบ Timeline มาใช้นำเสนอข้อมูลบนเว็บก็มีเหมือนกัน ลองดูตัวอย่างได้ที่ลิงค์ด้านล่างนี้ครับ

• ลำดับเหตุการณ์ปิดโรงแรมรอยัล คลิฟ บีช พัทยา ในช่วงเดือนเมษายน 2552
• ช่วงเวลาดำเนินการแผนพลิกฟื้นเศรษฐกิจของรัฐบาล

ปล. สัญญากับตัวเองว่าจะอัพบล็อกบ่อยๆ

เพิ่งเห็นเว็บไซต์หนังสือพิมพ์ไทยรัฐออนไลน์โฉมใหม่ เป็นที่น่าตื่นตาตื่นใจกับผู้ใช้อินเตอร์เน็ตในบ้านเรามากเลยทีเดียว ทำได้ดีทั้งในด้านการนำเสนอข้อมูล และการออกแบบเว็บไซต์ตามเทรนการออกแบบเว็บไซต์สมัยใหม่ และที่สำคัญยังเห็นการนำเทคนิค sIFR มาใช้ด้วย

sIFR ย่อมาจาก Scalable Inman Flash Replacement ซึ่งก็คือเทคนิคการแทนที่การแสดงผล Font บนหน้าเว็บที่เป็น HTML ธรรมดาด้วย Font สวยๆ ตามต้องการ โดยใช้ JavaScript กับ Flash เข้ามาช่วย

มีรายละเอียดและการใช้งานเป็นภาษาไทยอยู่แล้ว สามารถอ่านเพิ่มเติมได้ตามนี้ครับ..

• ใช้ font สวยๆ บนเว็บไซต์ ด้วย sIFR
• sIFR คืออะไร
• ฝัง sIFR ลงบนเว็บเพจ

Digital Media Sripatum University
.
.

Bangkok Bank
.
.

CP
.
.

Sound Zero Radio
.
.

รายละเอียดเพิ่มเติม: Windows Live Messenger Tabs

เวลาเล่นเว็บ Social Networking พวก Hi5 หรือ Facebook ก็เคยเห็น Virtual Gifts ผ่านๆ ตามานานแล้ว วันนี้ว่างๆ เลยลองเล่นดู

Virtual Gift คือของขวัญเสมือนจริง ของขวัญออนไลน์ หรือของขวัญดิจิตอลก็แล้วแต่เราจะเรียก มันเอาไว้ส่งให้เพื่อนผ่านทางหน้า Profile ของเว็บ Social Networking ก็คล้ายๆ กับการที่เราไป Comment ทักทายเพื่อนด้วยข้อความ แต่นี่เป็นการส่งภาพกราฟิกน่ารักๆ ที่ระบบจัดเตรียมไว้ให้แทน โดยที่เราจะต้องเสียค่าใช้จ่ายเป็นเงินจริงๆ เพื่อซื้อ Gift เหล่านั้นด้วย

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

การที่ต้องใช้เงินจริงซื้อของขวัญเสมือนจริงเหล่านี้ จึงทำให้ Virtual Gift เป็นแหล่งรายได้สำคัญของเจ้าของเว็บอีกด้วย ปีที่ผ่านมา Facebook ทำรายได้จากของขวัญเสมือนจริงเหล่านี้ได้มากหลายสิบล้านดอลล่าร์เลย

.
.

ของขวัญเสมือนจริงใน Hi5

.
.

มีเสื้อยืดเรารักในหลวงด้วยครับ

.
.

หน่วยเงินใน Hi5 เรียกว่า “coin” ถ้าต้องการซื้อ 80 coins ต้องจ่าย 17.50 บาท สามารถชำระผ่านบัตรเครดิตได้ทันที แต่กลุ่มผู้ใช้ในประเทศไทยที่เป็นวัยรุ่นอาจจะลำบากหน่อย เพราะคงจะยังไม่มีบัตรเครดิตใช้กัน

.
.

มาดูของขวัญเสมือนใน Facebook กันบ้าง..

.
.

หน่วยเงินใน Facebook เรียกว่า “gift credits” 1 USD ซื้อได้ 100 gift credits

.
.

เป็นที่รู้กันว่า Facebook นั้นมี App ให้เล่นมากมาย ดังนั้นเราจึงสามารถสร้าง App ขึ้นมาเพื่อทำการตลาดผ่าน Facebook ได้เองโดยใช้เครื่องมือ Gift App Creator ช่วย ผมยังไม่เคยลองทำเอง แต่ @pawoot เคยเล่าให้ฟังว่าใช้งานง่ายมากครับ และนี่คือ Gift App ของเบียร์ช้างที่ @pawoot ได้ลองทำขึ้นมาเอง

.
.

Gift พวกนี้ไม่ต้องเสียเงินซื้อ เราสามารถส่งเบียร์ให้เพื่อนได้ฟรีๆ
(*คำเตือน: การดื่มสุราทำให้ความสามารถในการขับขี่พาหนะลดลง) ^^

.
.

อันนี้เป็นตัวอย่าง Gift App ของ TARAD Edu เพื่อส่งหนังสือ E-Business ให้เพื่อนผ่าน Facebook

.
.

และนี่ก็คือตัวอย่างเล็กๆ น้อยๆ ของ Virtual Gifts บนเว็บ Social Networking ครับ

ถ้าอยากให้มีไอคอน RSS Feed โผล่ขึ้นมาในช่อง Address bar ก็ให้เอาโค้ดนี้ไปใส่ในส่วน head ได้เลยครับ

[code lang="html"]

วันนี้ลองหาวิธีการ Crop รูป โดยต้องการที่จะให้ผู้ใช้สามารถ Crop รูปบนเว็บได้ทันทีเลยหลังจากที่ Browse รูปแล้ว

ทดลองบน Drupal 5.2 มีโมดูล 2 ตัวให้เลือกคือ

• Imagefield Crop ใช้้กับ CCK Image Filed ได้เลย
• Imagecache Javascript Crop ตัวนี้จะต้องใช้ ImageCache ด้วย

ทั้ง 2 โมดูลจะต้องติดตั้งพวกโมดูล jquery เพิ่มเติมด้วย หลังจากที่ได้ลองติดตั้งทั้ง 2 ตัวแล้ว พบว่า Imagefield Crop ติดตั้งและใช้งานจริงได้ง่ายกว่าครับ

regions[left] = Left sidebar
regions[right] = Right sidebar
regions[content] = Content
regions[header] = Header
regions[footer] = Footer
regions[newblock1] = newblock1
regions[newblock2] = newblock2
regions[newblock3] = newblock3

แล้วไป print ใน page.tpl.php โดยใช้ชื่อที่ตั้งไว้เป็นชื่อตัวแปร เช่น
[code lang="php"]< ?php print $newblock1 ?>[/code]

แค่นี้ก็ใช้ได้แล้ว แต่ ?
** ยังมีอีกนิด **
คือว่าเนื้อหาใน .info มันจะถูก cached เอาไว้
ดังนั้นเราต้องไป clear cached ซะก่อน (ที่หน้า admin/settings/performance)

เพิ่มเติม: http://drupal.org/node/171224

เวลาอ่านบทความภาษาอังกฤษยาวๆ ในเว็บแล้วแปลไม่ออกนี่ปกติจะต้อง Copy คำศัพท์นั้นไปใส่ในเว็บหรือโปรแกรมดิกชันเนรี่ใช่ไหมครับ ถ้าบทความนั้นมันยาวแล้วก็มีศัพท์ยากๆ ก็คงจะเสียเวลามากเลย

Longdo Dict มีบริการ PopThai เพื่อแก้ปัญหานี้ ลองใช้แล้วโอเคเลยครับ ประทับใจดี ก็เลยเอามาเขียน Blog แนะนำครับ

ใช้งานง่ายมากครับ ตามนี้…

1. เข้าเว็บ Longdo Dict (http://dict.longdo.com)
2. Copy URL ของเว็บที่เราต้องการจะอ่านไปใส่ในช่อง แล้วก็เลือกว่าต้องการจะแปลแบบไหน
3. กด Submit รอการประมวลผลสักครู่ แล้วมันก็จะขึ้นหน้าเว็บที่เราใส่ URL ลงไปขึ้นมา ทีนี้ถ้าเราเอาเมาส์ไปวางบนคำศัพท์ไหนในหน้านั้น มันก็จะมีกล่องข้อความแสดงความหมายของคำศัพท์นั้นขึ้นมาให้เห็นเลยครับ สะดวกดีจริงๆ

Longdo มีบริการดีๆ อีกเยอะเลย ลองดูครับ (ไม่ได้ค่าโฆษณานะ)

ตัวอย่าง: ลองกดดูสิครับ !!

.

1. โค้ด JavaScript สำหรับฟังก์ชันสำหรับ ซ่อน/แสดง เนื้อหา (Copy โค้ด JavaScript ด้านล่างนี้ไปวางในไฟล์ html)

.

2. ส่วนเนื้อหาที่อยู่ใน DIV (ใช้โค้ดด้านล่างนี้สำหรับส่วนที่จะ ซ่อน/แสดง เนื้อหา)

.

3. โค้ดสำหรับสร้าง Link ให้ผู้ใช้กดเพื่อซ่อนหรือแสดงเนื้อหาในข้อ 2

กดที่นี่เพื่อ แสดง/ซ่อน เนื้อหา


.

จบแล้วครับ ลองนำไปประยุกต์ใช้กับการออกแบบเว็บ เผื่อจะเป็นประโยชน์ได้บ้างครับ

หลังจากประยุกต์เอา FriendFeed มาใช้ดึงเรื่องจากบล็อกของเพื่อนๆ ได้สักระยะแล้ว วันนี้พอจะมีเวลาว่างอยู่ 2 ชั่วโมง ก็เลยนั่งเซ็ต Drupal ขึ้นมาเป็น Blog Planet เองเลยดีกว่า ใช้โมดูล Aggregator ที่มีมาให้อยู่แล้ว เอาไว้รวมบล็อกของเพื่อนๆ ในรุ่น (อาจารย์ด้วย) จะได้ตามอ่านกันง่ายๆ ครับ

สำหรับโดเมนเนมก็ใช้ของฟรี .co.cc (เห็น Admod ใช้อยู่ ก็เลยใช้ตามซะเลย) เอาไว้ถ้ามีเงินแล้วค่อยจดโดเมนสวยๆ ละกัน (หรือว่าเบิกเงินรุ่นได้ ?)

ลองใช้ดูครับ http://ictsu2.co.cc
น่าจะมีประโยชน์บ้างนะ :P

• เครื่องมือสร้าง XML Sitemap
• เครื่องมือสร้างไฟล์ Robots.txt
• เครื่องมือสร้าง Password
• เครื่องมือสร้าง META Tags
• เครื่องมือสร้างไฟล์ htaccess
• เครื่องมือสร้าง Form สวยๆ
• เครื่องมือสร้างรูป Favicon.ico
• เครื่องมือสร้างกราฟิก E-mail
• เครื่องมือสร้าง CSS
• เครื่องมือสำหรับเลือกโทนสีในการออกแบบเว็บ

___________________________________________________________

เครื่องมือสร้าง XML Sitemap

• Google Sitemap Generator
• ROR Sitemap Generator
• Free Sitemap Generator
• Google Sitemaps Generator for WordPress

เครื่องมือสร้างไฟล์ Robots.txt

• Robots.txt Generator
• Robots.txt Syntax Checker

เครื่องมือสร้าง Password

• Perfect Password
• Password Generator

เครื่องมือสร้าง META Tags

• META Tags and Title Generator
• META Tag Generator
• META Tag Builder

เครื่องมือสร้างไฟล์ htaccess

• mod_rewrite RewriteRule generator
• Htaccess disable image hotlinking code generator

เครื่องมือสร้าง Form สวยๆ

• Web Form Factory
• PHP FormMail Generator
• Accessible Form Element Generator
• Website Contact Form Generator

เครื่องมือสร้างรูป Favicon.ico

• Favicon Generator

เครื่องมือสร้างกราฟิก E-mail

• E-mail Icon Generator

เครื่องมือสร้าง CSS

• Free CSS Template Code Generator
• Cornershop
• CSS Formatter
• DevDude
• CSS Creator
• Clean CSS

เครื่องมือสำหรับเลือกโทนสีในการออกแบบเว็บ

• I Like Your Colors
• Gradient Image Maker
• Palette Generator
• Color Calculator
• Color Blender

ที่มา: Online Tools For Web Design

ได้ติดตามข่าวการวิ่งคบเพลิงโอลิมปิค 2008 กันไหมครับ ตอนนี้ทางทีมงาน Google Maps ได้ทำแผนที่ Mash-up เส้นทางวิ่งคบเพลิงโอลิมปิครอบโลกขึ้นมา โดยในแผนที่จะบอกว่าการวิ่งคบเพลิงจะผ่านไปที่เมืองไหนในวันใดบ้าง ในแต่ละเมืองก็จะมีรูป Landmark ของเมืองนั้นๆ แล้วก็มีลายละเอียดเล็กๆ น้อยๆ ให้อ่านด้วยครับ สามารถเข้าไปชมได้ที่หน้า http://maps.google.com/help/maps/torchrelay/

สวัสดีครับ วันนี้มีเครื่องมือช่วยสร้าง HTML Form มาแนะนำครับ phpform.org เป็นเว็บไซต์ที่ให้เราสามารถเข้าไปสร้าง Form ได้เองตามรูปแบบที่เราต้องการ สามารถเลือกสี และเพิ่ม Field ได้ทุกประเภทได้อย่างรวดเร็ว สะดวก และสวยงามมากครับ เมื่อออกแบบ Form เรียบแล้วก็สามารถ Preview และ Download โค้ด HTML มาใช้กับเว็บของเราได้เลยครับ ทำให้ Form ของเราดูดี สวยงาม เป็นมาตรฐาน และดูเป็นมืออาชีพเลยทีเดียว :)

.
.

ขั้นตอนที่ 1 เลือกสีของ Form ที่ต้องการ
.
.

ขั้นตอนที่ 2 ออกแบบ Form ด้วยการเพิ่ม Field ต่างๆ
.
.

ตั้งค่า Field
.
.

เมือออกแบบ Form เสร็จแล้ว ก็ดู Preview หรือจะ Download โค้ดมาเลยก็ได้
.
.

Preview ตัวอย่าง Form ที่เราได้ออกแบบเอาไว้ เห็นมั้ยครับว่าทำปฏิทินได้ด้วย !! สะดวกมากเลย
.
.

ถ้า Download โค้ด ก็จะได้ไฟล์ .Zip มา เมื่อแตกออกมาก็จะมีไฟล์โค้ดมาให้หลายไฟล์เลย ทั้ง .HTML .CSS และ Javascript สามารถนำไปใช้ได้เลยครับ
.
.

ตั้งแต่โลกเรามี Internet ให้ใช้ อะไรๆ ก็สะดวกสบายขึ้น เรื่องของแผนที่ก็เช่นเดียวกันครับ เมื่อนานมาแล้ว..แผนที่บนอินเตอร์เน็ต ก็คือรูปภาพ .jpeg ธรรมดาๆ ต่อมาก็มี Flash ทำให้มีแผนที่ Interactive สวยงามให้ได้เห็นบ้าง ต่อมาเมื่อมี Google ก็มี Google Maps ตามมา ไม่น่าเชื่อว่า Google Maps จะทำแผนที่ทั่วโลกได้ละเอียดจริงๆ ไม่เว้นแม่แต่ในประเทศไทยที่เดี๋ยวนี้รองรับภาษาไทยแล้วด้วย”" อะไรๆ ก็ Google … เดี๋ยวนี้เว็บไซต์ฝรั่งชักจะเข้ามาดึง User ไทยไปเยอะแล้ว คนทำเว็บไทยต้องปรับตัวสู้ให้ได้ อย่ายอมแพ้ครับ :P

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

เว็บไซต์และบริการดีๆ แบบนี้น่าสนับสนุน จะได้สู้กับเว็บฝรั่งได้ จริงไหมครับ..

เมื่อวันเสาร์ที่ผ่านมาได้ดูรายการ Asian Look ทางช่อง TiTV .. เพิ่งเคยดูนะครับ ปกติไม่ค่อยได้ดูทีวีสักเท่าไหร่

พอดีว่ารายการตอนนี้ เบลล์พาไปทัวร์เกาหลี แล้วก็ได้ไปสัมภาษณ์ Yoon Suk Ho ผู้กำกับละครเกาหลีชื่อดังด้วย ละครของเขาแต่ละเรื่องเป็นชื่อฤดูทั้งนั้นเลยครับ จนเรียกได้ว่าเป็นละคร 4 ฤดูของเกาหลี

• Spring Waltz (KBS, 2006)
• Summer Scent (KBS, 2003)
• Winter Sonata (KBS, 2002)
• Autumn Tale (KBS, 2000)

ดูไปเรื่อยๆ จนถึงช่วงท้ายรายการ ก็มีกิจกรรมให้แฟนรายการร่วมสนุกด้วยการตอบคำถาม ซึ่งก็เหมือนกับรายการทั่วๆ ไปล่ะมั้ง โดยให้ตอบคำถามที่ว่า ผู้กำกับที่ได้ไปสัมภาษณ์มานั้นชื่ออะไร แต่ที่น่าแปลกใจนั้นก็คือ แฟนรายการสามารถส่งคำตอบทาง Hi5 ได้ด้วย !! โอ้วว.. มันโซเชี่ยวเน็ตเวิร์คจริงๆ เลย !! (http://asianlookrs.hi5.com)

ลองเข้าไปดูนะครับ มีแฟนคลับรายการเพียบเลย นี่ล่ะ การนำ Social Networking มาใช้ประโยชน์ของรายการทีวีวัยรุ่นเมืองไทย !