Design Archives - Page 3 of 6

ตอนนี้ใช้ Zune เป็นโปรแกรมฟังเพลงของเครื่องแล้วนะ

ได้ลองใช้โปรแกรม Zune ซึ่งเป็น media player และโปรแกรมเชื่อมกับ Zune เครื่องเล่นเพลงของ Microsoft เป็นเวลา 4 วัน ชอบ Interface ของมันมาก ซึ่งว่ากันว่าเป็นต้นแบบ UI ของ Windows Phone 7 ออกแนวเหลี่ยมๆ ปุ่มใหญ่ มีวิ๊งๆ หวืบๆ สว่าง โล่งๆ

โดยปกติแล้วผมใช้ iTunes เป็นเครื่องเล่นเพลงหลักของเครื่อง เพราะชอบ Cover flow และความง่ายในการเลือกเพลง และการค้นหาเพลง และได้ใช้ iTunes U ในบ้างครั้ง และมันก็เชื่อมกับ Last.fm ด้วย

เมื่อหาโปรแกรมที่เป็น 64 bit มาลอง จึงโหลด Zune มาติดตั้งดูเพราะมีทั้ง 32-64 bit ผมเป็นพวกหลงไหลกับ การออกแบบ ดีไซด์สวยๆ จึงชอบมันต้ังแต่เปิดโปแกรม มาดูหน้าต่างๆของมันดีกว่า

หน้าเล่นเพลงจะแบ่งออกเป็นสองส่วนคือ quickplay และ collection ข้างล่างเป็น UI ของ quickplay (คลิกภาพเพื่อดูขนาดใหญ่)

และหน้า collection ปุ่มควบคุมจะอยู่ขวาล่างในทุกๆหน้าที่เปิด ตรงกลางล่างจะบอกว่าเล่นเพลงอะไรอยู่ สีแดงจะเป็น visualizer เต้นตามจังหวะเพลง

หน้า Music เลือกแสดงแบบ ARTIST, GENRES, ALBUMS, SONGS, PLAYLIST หน้าตาก็จะเปลี่ยนไปด้วย การแสดงชื่อเพลงภาษาอังกฤษสวยงาม ภาษาไทยไม่ค่อยสวย แต่ก็ไม่ถึงขั้นรับไม่ได้

เมื่อเราเลือกเล่นเพลงเฉพาะศิลปินบางคนก็มีหน้าสวยงามแบบนี้ พื้นหลังเป็นปกของอัลบั๊มที่มีในเครื่อง

หน้า collection ของ Video ไม่ค่อยน่าสนใจเท่าไหร่ ผมยังคงจะใช้ VLC ดูหนังต่อไป

ส่วนของ Pictures ทำได้ดีโหลดภาพได้เร็ว เชื่อมกับ Windows Live Gallery จะแก้ไขรูป หรือแชร์ได้เลย

ลองเปิดภาพดูแบบเต็มๆ

ส่วนของ Podcast เราสามารถ subscript podcast ได้เหมือนกับ iTunes ที่เว็บหลักของ Zune มี Podcast ให้เลือกหลายอัน น่าสนใจเยอะ https://social.zune.net/podcasts/ แต่ตลิก subscript ที่หน้าเว็บไม่ได้นะ บอกว่ายังไม่มีบริการในบ้านเรา แต่วิธีการง่ายๆคือ เข้าไปที่ลิงค์ official website ของมันแล้วค่อยหา RSS ของ Podcast มา Subscript เอง ในรูปผมลอง Subscript มา 4 เว็บ โหลดมาบ้างแล้ว แต่ยังไม่ได้ดู

หน้า setting เอามาให้ดู เฉพาะตรง Display ใช้ตั้ง background ภาพจางๆของพื้นหลังนั้นเอง

และอันสุดท้ายที่จะพูดถึงคือโปรแกรมเสริมที่จะทำให้ Zune เชื่อมกับ Last.fm มันคือ Zuse โหลดได้ที่นี้ https://bitbucket.org/wiz/zuse/downloads/ เมื่อโหลดมาแล้วให้ติดตั้งลงในโฟล์เดอร์เดียวกับ Zune ก็ใช้ได้แล้ว แต่ต้องมี Last.fm Scrobbler ด้วยนะ

สรุปว่าตอนนี้ใช้ Zune แทน iTunes ไปเลย เหตุผลง่ายๆคือชอบ User Interface ของมัน รอจนกว่าจะเบื่อค่อยว่ากันใหม่ครับ

ปล. ถ้ามี Zune ด้วยสักเครื่องน่าจะดี

HTML5 Elements ในแบบตารางธาตุ

HTML5 Elements ตารางแสดง Tags ของ HTML5 ใช้สีแยกหมวด เวลาคลิกก็จะแสดงรายละเอียดสั้นๆให้ดู และมีลิงค์ไปที่ Guide ให้อ่านแบบละเอียด แต่ก่อนเจอเฉพาะแบบที่เป็นตาราง รูปนี้เพิ่งเคยเห็นเจ๋งดี ดูง่ายดี

deviantART muro ขีดเขียน วาดภาพออนไลน์

https://muro.deviantart.com ไปเจอเว็บนี้มา วาดภาพออนไลน์ แบบฟรีมี brush ให้เลือกใช้ 6 อัน แต่พอสำหรับขีดเขียนเล่น ทำงานแบบหลาย layer ได้ด้วย สังเกตุด้านซ้ายของจอ รองรับ Wacom ด้วย ภาพเขียนเสร็จ Export ออกมาเป็นไฟล์ PNG ถ้าจอเป็นทัชสกรีนและใหญ่มากกว่านี้น่าจะเขียนสนุกมากขึ้น และนี้คืองานล่าสุดที่ใช้เว็บนี้ทำขึ้นมา

เว็ปค่ายเยาวชนรู้งานสืบสานพระราชดำริ รุ่นที่ 1

เว็ปค่ายเยาวชนรู้งาน สืบสานพระราชดำริ รุ่นที่ 1 ของสำนักงาน กปร.

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

เว็บใช้เวลาทำไม่นานมากนัก ส่วนเนื่อหาให้เขาไปปรับแก้ไข และใส่เพิ่มเติมเอง ยังย้ายไปอยู่บน server ของ กปร. ไม่ได้เพราะ server ไม่รองรับ (เขาใช้ aspx) ต้องไป set up เองยังทำไม่สำเร็จ ตอนนี้มันเลยต้องรันอยู่บน subdomain ของบล็อกนี้ คือ https://camp.amphur.in.th หรือถ้าเข้าไปที่หน้าหลักของ https://www.rdpb.go.th/rdpb ยังแก้ปัญหาด้วยการลิงค์มาที่นี้

รายละเอียดของเว็ป

แน่นอนมันเป็น WordPress
ใช้ธีมของ Academica เป็นธีมฟรีที่เยี่ยมมาก เป็นธีมที่มี slide show มาในตัว และทำระบบเมนูมาดี จนทำให้เข้าใจระบบของ custom menu มากขึ้นว่ามันทำให้การจัดการเรื่องของเมนูง่ายขึ้นมาก และธีมรองรับ image background (WP3.0) มีปรับ CSS นิดหน่อย
เพิ่ม Social Plugin ของ Facebook เข้ามาด้วย
ใช้ Plugin ที่ชื่อ Mingle Forum ทำเว็บบอร์ด ง่ายและถูกใจ ปรับแต่งได้สะดวก
Fancybox ทำให้เวลาคลิกอัลบั้มรูปมันดูดีไฮโซขึ้นอีกเยอะเลย
Login-box เวลาคลิกล็อกอินจะแสดงกล่องขึ้นมากรอกเพื่อล็อกอิน ไม่ต้องโหลดหน้าใหม่
รูปที่อยู่ข้างในตัดต่อด้วย Pixlr เคยแนะนำไว้แล้วที่ Online Image Editor แต่งภาพออนไลน์ ไม่ต้องลงโปรแกรม ถือว่าใช้ในการทำงานจริงได้สบาย ไม่ต้องง้อ Photoshop

มาบันทึกเก็บไว้เผื่อครั้งหน้าอาจได้ย้อนมาดูว่าทำยังไงบ้าง

Google Chrome Extensions for web developers

เมื่อครั้งที่ Google เปิดตัว Extension ผมบอกไว้ว่าให้มี Extension ที่เคยใช้ใน Firefox มาลงที่ Chrome ก่อนถึงจะย้ายมาใช้ Chrome แบบถาวร ตอนนี้พร้อมแล้ว ได้เวลาย้ายแล้ว ที่จริงย้ายมาสักพักแล้วล่ะ แต่ยังไม่สมบูรณ์ ต่อไปจะเบ็ดเสร็จ ถ้า Firefox จะมีอะไรที่ดีกว่าจึงจะหันหลังกลับไป จุดสำคัญในครั้งนี้คือความเร็ว และการกินทรัพยากร Chrome ชนะ

ใครสนใจ Extensions for web developers เข้าไปดูได้ ที่จริงยังไม่ครบมีอีกสองสามตัวที่น่าสนใจ

Pixlr Grabber ตัวนี้เยี่ยมสุดๆในการจับภาพหน้าจอ แล้วลิงค์เข้ากับ Pixlr แก้ไขได้เลย
ZoomInto® ใช้แก้ไขรูปที่อยู่บนเว็บได้เลย (ควรเป็นรูปที่เขาอนุญาตนะ)
Firebug Lite ที่จริงตัว Chrome ทำได้อยู่แล้วในตัว แต่เผื่อว่าใครคุ้นกับ Firebug ก็ลองใช้ดู แต่ผมใช้ Inspect element ของ Chrome ก็โอเคแล้ว

Virology book cover design

วันนี้เอา HD มาเคลียร์ไฟล์ขยะ ไปเจอปกหนังสือที่ทำให้เพื่อน เมื่อหลายปีก่อน ทำเป็นขนาด A4 แล้วส่งให้ร้านเข้าเล่มกับส่วนเนื้อหาที่ถ่ายเอกสารออกมาจากต้นฉบับ เนื้อส่วนนี้เป็นเพียงบทหนึ่งของหนังสือเล่มใหญ่ เลยต้องทำปกเฉพาะ

รูปที่เอามาประกอบไม่ก็ค้นมาจากเน็ตไม่ได้ทำเองเอามาวางตามใจใน illustrator ตอนเป็นรูปเล่มแล้วสวยมาก

ภาพเซ็นทรัลเวิลด์ที่ถูกไฟไหม้ แบบ 3 มิติ

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

พยายามนึกว่าจะถ่ายรูปออกมายังไงให้คนได้เห็นถึงภาพการสูญเสีย และย้อนกลับไปคิดได้ว่า “ฉันทำได้อย่างไร” จนเกิดความเห็นใจของเพื่อนมนุษย์ในสังคมเดียวกัน ภาพทั้งหมดที่ถ่าย Central World ถูกจับมาสร้างเป็นภาพ 3D ด้วย Photosynth ได้มาภาพดังใจ ทุกมุม ทุกรูปที่ถ่ายมาได้ใช้ประโยชน์

ภาพแบบ 3 มิติ

BEFORE 22 August 2008 By: Ian_Fuller แนะนำโดยคุณ @PolarZen

AFTER 25 May 2010 By: Sarapuk

นี้คือภาพทั้งหมด

ขอให้คนไทยรักกันให้มากขึ้น ขอความสุขจงกลับมา

Biomed.in.th กับ Amphur blog ได้ขึ้น Ovi Store แล้ว

หน้ารายงาน สถิติ ของ Biomed.in.th และ Amphur blog ใน Ovi app wizard

ผมใช้ Ovi app wizard ในการทำ App ของ Biomed.in.th กับ Amphur blog แล้วลองส่งให้ Nokia พิจารณา ใช้เวลาประมาณ 15-18 ชั่วโมง ก็อนุมัติและส่งขึ้น Ovi Store แล้ว ทดลองดาวน์โหลดผ่านทางมือถือ Nokia ที่ใช้ Symbian S60 Edition 5 รุ่นจอสัมผัส ได้แล้วครับ เข้า Ovi store ในเครื่องแล้วลองค้นหาชื่อ Biomed.in.th ได้เลย ฟรีครับ

iPhone OS 4.0 มี multitasking แล้ว แต่รุ่นเก่าใช้ไม่ได้

Apple เปิดตัว iPhone OS 4.0 วันพฤหัสบดี ที่ 8 เมษายนที่ผ่านมา มีการเพิ่ม feature ใหม่กว่า 100 รายการ และ 1,500 APIs ตัวเด่นของ iPhone OS 4.0 steve jobs เรียกมันเป็น tentpoles มีอยู่ 7 อัน

Multitasking : multitasking มีปัญหาทำให้แบตเตอรี่หมดเร็วและความสามารถในการทำงานลดลงเหมือนเปิดโปรดแกรมหลายๆตัวต้องแบ่งทรัพยากรไปให้ตัวอื่นด้วย แต่ Apple บอกว่าเราสามารถแก้ปัญหาตรงนี้ได้ ด้วยขุมพลังของ 7 APIs
– Background Audio : โปรแกรมที่ใช้เสียงก็เรียกใช้มัน แสดงตัวอย่าง Pandora ฟังเพลงอยู่ ก็ไปเปิดดูเว็บได้
-Voice over IP : โปรแกรม Skype โทรไปเล่นเว็บไปได้เลย
– Background Location : โปรแกรมนำทางดังๆอย่าง Tomtom เปิดไว้แล้วฟังเพลง ก็ส่งเสียงขึ้นมาให้เลี้ยวได้
-Push notification : การแจ้งเตือนจากผู้ให้บริการ จะถูกส่งไปที่ server ของ Apple ก่อนแล้วค่อยเข้ามาที่เครื่อง
-Local notification : การแจ้งเตือนเองในเครื่องเช่นปฎิทิน ตารางเวลา
-Task Completion : ทำงานที่ค้างให้เสร็จก่อนปิดตัว
-Fast App Switching : เก็บข้อมูลของโปรแกรมไว้ เวลาเปลี่ยน Apps ใช้งานจะเรียกได้เร็วขึ้น
iPhone OS 4.0 : Multitasking APIs

การเรียกใช้งาน เพื่อเปลี่ยน apps อื่นที่รันอยู่ กดปุ่ม home ต่อเนื่องสองครั้ง feature นี้ใช้ได้เฉพาะ iPhone 3GS กับ iPod Touch ตัวล่าสุด

iPhone OS 4.0 -Multitasking
Folder : สามารถสร้าง Folder ขึ้นมาแล้ว ลาก apps ต่างๆเข้าไปอยู่ภานใน เป็นการแยกกลุ่ม apps ให้เป็นหมวดหมู่ง่ายต่อการเรียกใช้งาน ยัดเข้าไปได้มากกว่า 2000 apps
iPhone OS 4.0 - Apps Folder
Enhanced Mail : สามารถเพิ่มหลายบัญชีเข้าไปได้ รวมกล่องจดหมายแต่ละบัญชีในหน้าเดียวกัน (ดังรูป) แสดงข้อความแบบ thread เหมือนใน Gmail รวมอีเมลในหัวข้อเดียวกัน เปิดไฟล์ที่แนบมาด้วยได้
iPhone OS 4.0 : Unified inbox
iBooks : ขายหนังสือ เมื่อมีการสั่งซื้อผ่านทาง iBooks จะ Sync ไปอ่านได้ทั้งใน iPad/iPod/iPhone
iPhone OS 4.0 : iBooks
Enterprise features: มี Exchange accounts ได้หลายบัญชี เพิ่มความปลอดภัยของข้อมูล ใช้ Exchange Server 2010 ได้ และรองรับการใช้ VPN
iPhone OS 4.0 : Enterprise
Game Center: มันคือ social gaming network เล่นกันหลายคน เหมือน Xbox Live ของ microsoft ชวนเพื่อนได้ จัดการแข่งขันได้ พูดคุยกัน แนะนำเกม
iPhone OS 4.0 : Game Center
iAds : mobile advertising การทำโฆษณาในมือถือ Apple พลาด AdMob ไป แต่คราวนี้ทำขึ้นมาเองเลย ใน Apps store มีโปรแกรมฟรีเยอะมาก สามารถใส่โฆษณาในนั้นได้ โฆษณาจะมี Emotion และ interactive ด้วยความสามารถของ HTML5 Apple จะเป็นคนขายโฆษณาเมื่อมีรายได้จะให้นักพัฒนา 60% ของรายได้ที่ได้มา เป็นการตลาดที่น่าสนใจมาก
iPhone OS 4.0 : iAd

iPhone OS 4.0 สำหรับ iPhone กับ iPod Touch จะออกประมาณกลางปี ส่วนสำหรับ iPad จะมาประมาณปลายปี ตอนนี้สำหรับนักพัฒนาสามารถดาวน์โหลด iPhone 4.0 beta SDK ได้แล้ว ที่เว็บของ Apple ย้ำอีกที multitasking มีเฉพาะใน iPhone 3GS กับ iPhone Touch ตัวล่าสุดเท่านั้น ส่วน feature อื่นสามารถใช้ได้ปกติ

ข้อมูล : https://www.engadget.com , https://www.downloadsquad.com

รีวิว WordPress 3.0 beta 1

WordPress 3.0 beta 1 ได้ถูกปล่อยออกมาให้สาวกได้ลองเล่นแล้ว บล็อกผมก็ใช้ WordPress อยู่ด้วย ไม่พลาดที่จะทดลองและเอามาบอกต่อ ผมพยายามหยิบ feature เด่นๆ ที่น่าสนใจมาเล่าให้ฟังครับ ก่อนหน้านี้ผมได้บล็อกเกี่ยว WordPress ไว้หลายอันเหมือนกัน ใครสนใจลองดูใน tag WordPress ได้เลยครับ

เริ่มรีวิว WordPress 3.0 beta 1 กันเลยดีกว่าครับ

ในตอนติดตั้ง พบว่ายังติดตั้งได้เร็วเหมือนเดิม มีส่วนที่เพิ่มเข้ามาในการติดตั้งคือ เราสามารถใส่ user, password ในตอนเริ่มต้นได้เลย ต่างจากเวอร์ชั่นก่อนที่ระบบจะ generate มาให้ แล้วค่อยไปเปลี่ยนเองภายหลัง ผมชอบในการเปลี่ยแปลงตัวนี้นะ
สามารถตั้งชื่อ admin และ password ด้วยตนเองได้
ในส่วนที่เกี่ยวกับการจัดการธีม WordPress 3.0 beta 1 ใช้ธีมชื่อ Twenty Ten เป็นธีม default

ธีมนี้มี Option สามารถเปลี่ยน header ,background ได้โดยไม่ต้องไปแก้ใน css เลย สามารถอับโหลดรูปขึ้นเองได้ หรือจะเลือกจากภาพที่มีอยู่แล้วได้เลย เข้าไปแก้ไขได้ที่เมนู Appearance (ฟีเจอร์นี้มากับธีมนะไม่ใช้ WordPress เปลี่ยนธีมมันก็หายไป)

ในส่วนของเมนูธีม จะแสดงเป็น tab แยกระหว่าง Manage Themes(เลือกธีมที่จะแสดง) และ Install Themes(ส่วนค้นหาธีมหรืออับโหลดธีม)

ส่วนของการจัดเมนู แต่ก่อนหน้านี้เราจะไม่สามารถปรับแต่งเมนูได้ WordPress 3.0 beta 1 เพิ่มส่วนของการจัดการมาให้ ทำให้นึกถึง plugin ตัวหนึ่งชื่อ pagemashที่สามารถจัดการหน้า page ให้เป็น sub ของ page ไหนก็ได้ ในส่วนของการจัดการเมนูใหม่ใน WordPress 3.0 beta 1 นี้คล้ายๆกัน สามารถ drag and drop ได้ ใส่ลิงค์เองได้ เข้าใช้งานได้ที่ Appearance >>Munus
ส่วนจัดการเมนู WordPress 3.0 beta
WordPress 3.0 beta 1 รวมเอา WordPress MU เข้ามาด้วย ทำให้สามารถสร้างเว็บย่อยได้ง่ายยิ่งขึ้น และจัดการได้ง่ายขึ้น ตัวนี้คือตัวที่ผมรอคอย เว็บผมทำ sub-domain ไว้หลายอัน แล้วต้องลง WordPress ใหม่ทุกอัน แยกเป็นคนละเว็บโดยอิสระถ้ามันรวมกันได้ มันจะสะดวกกับผมอย่างแน่นอน เว็บของผมที่เป็น sub-domain อยู่

https://shortnews.amphur.in.th
https://momoo.amphur.in.th/
https://design.amphur.in.th/
ขอให้มาไวไวนะอยากใช้แล้ว การจะใช้งาน WordPress MU ต้องใส่โค้ดเพิ่มเติมนิดหน่อยลงไปใน wp-config.php เพื่อเรียกใช้งาน โค้ดคือ

define (‘WP_ALLOW_MULTISITE’, true ) ;

เมื่อใส่โค้ดเข้าไปแล้วจะมี เมนู Tools>>network เพิ่มขึ้นมา คลิกเข้าไปจะมีโค้ด ให้เพิ่มเข้าไปในไฟล์ wp-config.php และ .htaccess

เมื่อทำทุกอย่างเรียบร้อยแล้ว จะมีเมนู Super Admin เพิ่มขึ้นมาด้านบน ซึ่งจะทำให้สามารถจัดการได้อย่างสะดวก ทั้งการเลือกธีมให้แต่ละ site , การเพิ่ม site, การจัดการ user ในการใช้งาน, รวมทั้งพื่นที่การใช้งานแต่ละ site

เมื่อดูความสามารถของ WordPress 3.0 beta 1 แล้ว พบว่ามันน่าใช้มากขึ้น และมี feature ที่ผมรออยู่ ตัวสมบูรณ์มาไวไวนะ

อยากลองทดสอบเข้าไปดาวน์โหลดได้ที่ https://WordPress.org/development/2010/04/WordPress-3-0-beta-1/