Design Archives - Page 13 of 16

เปิดตัวแล้ว iPad ผลิตภัณฑ์ใหม่จาก Apple

Apple จัดงานวันที่ 27 มกราคม 2010 เปิดตัว iPad มีข่าวลือต่างๆนานาว่าจะชื่อ iSlate ,iTablet สุดท้ายชื่อของมันคือ iPad ความสามารถโดยรวม ดูหนัง ฟังเพลง เล่นเกม อ่าน E-Book เล่นเน็ต ใช้ iPhone OS 3.2 รัน iPhone Apps ได้ทุกตัวใน App Store มาดู spec ของ iPad กัน

หนา 0.5 นิ้ว หนัก 1.5 ปอนด์
จอ 9.7 นิ้ว ISP display ความละเอียด 1024×768
Full Capacitive Muti-touch
ความจุ 16 GB-64 GB Flash storage
CPU1 GHz Apple A4 chip
Bluetooth 2.1 +EDR
รองรับ 3G ของ AT&T
Wireless 802.11n
Speaker,Microphone,30-pin connector
Accelerometer &Digital Compass
Battery ใช้ได้ 10 ชั่วโมง ถ้าในโหมด standby อยู่ได้นาน 1 เดือน (ขอชมว่าทำจุดนี้ได้ดีมาก)
ใช้ iPhone apps ได้ทุกตัว
เล่นเกมได้ จอเล็ก หรือเต็มจอก็ได้

เปิดขาย e-book แข่งกับ Amazon

เปิดตัว iBooks Store ที่จะขายสื่อสิ่งพิมพ์สำหรับ iPad มียักษ์ใหญ่ด้านสื่อสิ่งพิมพ์เป็นพันธมิตรแล้ว 5 เจ้า

เปิดตัว iWork สำหรับ iPad ซึ่งมีราคา $9.99 ต่อตัว หมายถึง Page ,Keynote ขายแยกกัน ซื้อได้ที่ App Store

ราคาของ iPad ไม่แพงมากนัก

แบบ wifi 16 GB= $499 (16,487 บาท) ,32G= $599(19,791 บาท) ,64GB = $699(23,095 บาท)

แบบ wifi+3G 16 GB= $629(20,782 บาท) ,32G= $729(24,086 บาท) ,64GB = $829(27,390 บาท)

ราคาของ Data transfer กับ AT&T แบบ 250 MB ราคา $14.99 ต่อเดือน , แบบ unlimited $29.99 ต่อเดือน
สรุปคือมันไม่ได้ขายพ่วงสัญญา

อีก 60 วัน จะเปิดขาย iPad แบบ Wifi และอีก 90 วันสำหรับแบบ Wifi+3G

มันจะมีคีย์บอร์ดมาด้วยด้วย ต้องซื้อเพิ่ม

ตอนนี้ Apple ก็มีร้านค่าออนไลน์ 3 ตัวแล้ว iTones Store ,App Store ,iBookstore

อ่านหนังสือพิมพ์ของ New York Times ในเวอร์ชั่นเฉพาะสำหรับ iPad

ดูหนังได้ แต่จอไม่ใช้ wide-screen เป็น 4:3

เป็น tablet ก็ต้องระบายสี วาดรูปได้

เล่นเกมได้ จอใหญ่ หรือจอเล็กขนาดเท่า iPhone ก็ได้

ไปดูวิดีโอโฆษณาได้ที่ https://www.Apple.com/ipad/#video

คำพูดที่บอกว่า iPad จะปฎิวัติสื่อสิ่งพิมพ์ และวิถีชีวิตของเรา อาจจะเป็นจริงก็ได้ ถ้ามองดูแบบผ่านๆ มันก็คือ iPod touch จอใหญ่ดีๆนี้เอง แต่สิ่งที่ถือได้ว่าเป็นจุดแข็งของตัวมันคือ iBookstore ,iTunes ,App Store ที่จะคอยหนุนหลังให้แข็งแกร่ง แถมราคาไม่แพง ดึงดูดความสนใจได้ดีมาก ราคาสูงกว่า iPod Touch เพียงเล็กน้อยเท่านั้น Apple คงมองไปที่การขาย content มากกว่าการทำกำไรสูงจากการขายเครื่อง iPad ตอบโจทย์กลุ่มคนที่ต้องการคอมพิวเตอร์ขนาดเล็ก อย่างเช่น Netbook และกลุ่มที่ต้องการ E-Book Reader ที่มีความสามารถด้าน multimedia ด้วย นอกจากนั้นเสริมทัพอีกตัวด้วย iWork สามารถทำงานเอกสารได้ในระดับหนึ่ง และอีกอย่างที่คิดว่าทำได้ดีคือความอึดของแบตเตอรี่ที่เล่นได้ถึง 10 ชั่วโมง คิดว่ามันจะได้รับการตอบรับอย่างดีจากคนทั่วโลก

ที่มา : https://i.engadget.com , https://live.gizmodo.com , https://www.Apple.com/ipad

เว็บกองก่อสร้างระบบไฟฟ้า (ภาคกลาง,ภาคใต้)

ช่วยเพื่อนทำเว็บกองก่อสร้างระบบไฟฟ้า (ภาคกลาง,ภาคใต้) แน่นอนใช้ WordPress และธีมจาก ไทยธีม ของ @imenn ปรับแต่งได้ง่าย และรวดเร็ว เลยใช้เวลาทำไม่นานมากนัก หวังว่าเขาจะชอบมันและคนในกองจะชอบมันด้วย

งาน TEDx ครั้งแรกในไทย

TED คืออะไรดูได้ที่บล็อกที่เขียนไว้เมื่อนานมาแล้วชื่อ TED Talk : Conference ระดับโลก ส่วน TEDx นั้น x มาจากคำว่า “independently organized TED event” งานจะจัดในระดับท้องถิ่นโดยได้รับการสนับสนุนจาก TED ในการเผยแพร่ ประชาสัมพันธ์ให้ โดยหลักแล้วเน้นไปที่การกระจายแนวความคิดแบบ TED ให้กระจายออกไปทั่วโลก

List Even ของประเทศต่างๆ สามารถดูได้ตามลิงค์ ผมรอลุ้นอยู่ว่าเมื่อไหร่ในไทยจะมีรายละเอียดของงานบ้าง ก่อนหน้านี้มีงาน TEDindia ,TEDMed เราก็ติดตามงานอย่างต่อเนื่องทั้ง บล็อกและวิดีโอ มันน่าสนใจอย่างที่สุด และแล้วได้เห็น @ripmilla ทวีตถึงงาน TEDxBKK ทำเอาตื่นเต้นสุดขีด เลยไม่รอช้าเข้าไปดูรายละเอียดและสมัครไปทันที ได้ไม่ได้อีกเรื่อง(หวังลึกๆว่าจะได้ไป) รายละเอียดงาน TEDxBKK ครั้งแรกในประเทศไทย

งานจะจัดในวันที่ 13 กุมภาพันธ์ 2553
สถานที่ Ruamrudee International School
ลงทะเบียนได้ตั้งแต่วันนี้ ถึง 31 มกราคม 2553 ลงทะเบียนร่วมงาน TEDxBKK
ถ้าได้รับการพิจารณาจะได้รับอีเมลตอบรับการเชิญทางอีเมลต้นเดือนกุมภาพันธ์
ค่าเข้างานฟรี แต่สามารถบริจาคได้หน้างาน ไม่เกิน 500 บาท
Speakers เข้าไปดูเลยมีทั้งคนไทย และฝรั่ง

งานน่าสนใจอย่างนี้อย่างพลาดเชียว ขอให้ได้ไปทีเฮอะ!!

อ้างอิง : https://www.tedxbkk.com

ส่ง E-Card+Google Chrome เป็นของขวัญคริสต์มาสแก่เพื่อน

ช่วงนี้ Google Chrome มีการเปลี่ยนแปลงหลายอย่าง ทั้งออกเวอร์ชั่นใหม่ เพิ่ม Extension แล้วยังมี Google Chrome OS อีก เมื่อมีของใหม่ออกมาเยอะขนาดนี้ก็ต้องมีการโปรโมทกันหน่อย แล้วช่วงนี้กำลังก้าวสู่ปีใหม่ 2010 เทศกาลส่งของขวัญให้กันในวันคริสต์มาสจึงเหมาะกับการโปรโมทอย่างยิ่ง Google จึงเปิดบริการส่ง E-Card ให้กันพร้อมกับ ส่ง Google Chrome ห่อกระดาษของขวัญอย่างสวยแนบไปให้ด้วย เป็น Animation 3D ด้วย ใช้ง่ายๆ ดูขั้นตอนการใช้งาน

เข้าไปที่เว็บไซต์ https://www.Chromeforchristmas.com
เลือกกระดาษห่อของขวัญ แล้วคลิก Continue >>Email
เลือกกระดาษห่อของขวัญ
ใส่ชื่อ และ Email ของผู้รับ ใส่ชื่อคนรับได้หลายคน โดยการใส่ชื่อแล้วกด Add another
ใส่ชื่อคนที่จะรับ
ใส่ข้อความต่างๆลงไป แล้วยังสามารถแนบไฟล์ภาพ หรือวีดีโอ ไปพร้อมได้ด้วย จากนั้นอย่าลืมลงชื่อคนส่งด้วยนะ
ใส่รูป ข้อความ และชื่อคนส่ง
กด Send you gift เป็นอันเรียบร้อย

มาดูกันว่าหน้าตาของขวัญที่เราส่งไป จะเป็นยังไงกันบ้าง ที่เมลล์ที่ได้รับจะมีลิงค์ของของขวัญ เมื่อกดลิงค์นั้นจะเข้ามาที่หน้าของขวัญครับ

มี E-Card อวยพร พร้อมของขวัญด้านหลัง คลิกแกะของขวัญดูเลย

ของขวัญที่อยู่ข้างในคือ Google Chrome จ้า

ของขวัญข้างในเป็น Google Chrome จ้าา ดาวน์โหลดไปใช้ได้เลยจ้าา

ใช้งานการส่ง E-Card : https://www.Chromeforchristmas.com
Via : https://www.techcrunch.com

Adobe BrowserLab เครื่องมือทดสอบการแสดงผลเว็บไซต์

Adobe BrowserLab เป็นเครื่องมือที่จะช่วยให้เราทดสอบการแสดงผลของเว็บไซต์ที่เราสร้างขึ้นใน browser ที่แตกต่างกัน และใน OS ที่ต่างกันได้ วิธีใช้งานเพียงแค่ใส่ URL ของเว็บที่เราต้องการทดสอบลงในช่อง Addrees bar แล้วก็เลือกชนิดของ browser ที่้ต้องการตรวจสอบการแสดงผล Adobe BrowserLab จะทำการ reder แล้วแสดงเป็น screen capture มาให้

การใช้งานเบื้องต้น

เข้าไปที่เว็บไซต์ https://browserlab.adobe.com

ที่เมนู Browser Sets จะเป็นการเลือกชุดของ web browser ที่เราต้องการทดสอบ สามารถตั้งเองได้ หรือจะใช้ค่าตั้งต้นก็ได้

คลิก เมนู Test จะกลับมาที่หน้าแรก ใส่ URL ของเว็บไซต์ แล้วคลิก Refresh หรือ Enter โปรแกรมจะทำการ reder ตามชนิดของ browser ที่เราได้เลือกไว้ จากนั้นเมื่อเราต้องการดูตัวไหนก็คลิกเลือกได้เลย

สามารถคลิกเลือกการแสดงผลแบบ 1 หน้า , 2 หน้า ,หรือแบบซ้อนทับกันแบบคนละชนิดก็ได้ (Onion Skin View)

Onion Skin View คือการแสดงผลแบบซ้อนกันโดยเลือกชนิดของ browser ไว้แต่ละข้าง เมื่อเลื่อนแถบไปทางไหนก็จะเห็นการแสดงผลแบบนั้นชัดสุด ถ้าเป็นเว็บไซต์ที่ออกแบบมาอย่างดี ที่ 50% ควรที่จะแสดงผลเหมือนกันคือไม่มีการเลื่อมล้ำกัน (คงยากน่าดู)

Adobe BrowserLab รองรับ browser ต่างๆ ดังนี้

Firefox 2.0 – Windows XP
Firefox 3.0 – Windows XP
Firefox 3.5 – Windows XP
Chrome 3.0 – Windows XP
Internet Explorer 6.0 – Windows XP
Internet Explorer 7.0 – Windows XP
Internet Explorer 8.0 – Windows XP
Safari 3.0 – Macintosh OS X
Safari 4.0 – Macintosh OS X
Firefox 2.0 – Macintosh OS X
Firefox 3.0 – Macintosh OS X
Firefox 3.5 – Macintosh OS X

คลิกเพื่อดูคู่มือของ Adobe BrowserLab หรือ ดูวิดีโอแนะนำ Adobe BrowserLab

ทดลองใช้งานได้ที่ https://browserlab.adobe.com

Facebook กำลังจะเปลี่ยนหน้าตาใหม่(อีกครั้ง)

facebook ได้เปลี่ยน user interface มาแล้วเมื่อไม่นานมานี้ ซึ่งก็มีผลสำรวจออกมาว่า 94 % ของคนใช้ facebook ไม่ชอบหน้าใหม่ของมัน นอกจากนั้น ก็มีการออก facebook ในเวอร์ชั่น facebook lite ที่เป็นหน้าการใช้งานที่เล็กโหลดเร็ว โล่งสบายตา เหมาะสำหรับคนที่มีอินเตอร์เน็ตความเร็วที่ต่ำ อีกด้วย มาครั้งนี้ facebook ได้ปรับปรุงหน้าใหม่เพื่อให้เหมาะสมและตรงใจคนใช้มากขึ้น

ซึ่ง User interface ของ facebook แบบใหม่นี้เคยถูกพรีเซ็นต์มาแล้วในงาน Facebook ‘s Developer Garage หน้าตาใหม่ของ facebook ได้ปล่อยออกมาให้ผู้ใช้ได้ทดลองแล้วในวงจำกัด มาดูความเปลี่ยนแปลงที่เกิดขึ้นสักเล็กน้อย

ในส่วนด้านบนขวา จะมี icon ของ invitations, inbox, notifications และช่อง Search ก็มีขนาดใหญ่ขึ้นมากเมื่อเทียบกับของเดิม

หน้า Profile ยังคงไม่ค่อยมีการเปลี่ยนแปลงมากนัก หลักๆน่าจะเป็น menu bar ด้านบนที่ดูเหมือนจะเพิ่มความสนใจให้คนใช้ ได้ใช้ search ง่ายขึ้น มาดูอีกเว็บหนึ่งที่จับภาพมาให้ดูเป็นภาษาฝรั่งเศษ แต่พอมองภาพของการใช้งานออก (คลิกดูภาพใหญ่)

การค้นหาสามารถเลือกหมวดที่ต้องการค้นหาได้

เมื่อปล่อยออกมาให้ทุกคนได้ใช้ ต้องรอดูว่าผลตอบรับจะเป็นอย่างไร และถือว่าเมื่อมีคำติชมของคนใช้เขาไปก็มีการปรับเปลี่ยนแก้ไข สิ่งนี้เป็นเรื่องดี อีกอย่างคนเราถ้าได้ใช้งานอะไรสักอย่างมาจนชินมักจะไม่ชอบการเปลี่ยนแปลงเท่าไหร่ แต่ใน UI อันที่ใช้อยู่นี้ผมโอเคกับมันนะ แม้ช่วงแรกจะยังไม่ค่อยคุ้น นอกจากนั้น ผมมองว่า facebook อยากให้เราใช้งาน search ของเขาเพิ่มขึ้น (โดยปกติผมแทบไม่ได้ใช้เลย) จึงทำให้มันใหญ่ขึ้น ใช้ง่ายขึ้น สะดวกขึ้นด้วย

ข้อมูลจาก : https://www.techcrunch.com , https://www.pcinpact.com

วิธีเข้าใช้งานหน้าใหม่ของ Google Search

หลังจากได้เขียนถึงหน้าตาใหม่ของ Google ในครั้งที่แล้ว ก็ไปเจอวิธีการเข้าหน้าใหม่ของ Google ที่แอบไว้ด้านหลังไม่รอช้าลองเล่นดูเลยแล้วกัน

วิธีการ

เข้าไปที่หน้า https://www.Google.com <<เวลาเข้าไปหน้า Google จะมีให้คลิกด้านล่าง Google.com in English

ใส่ code นี้เข้าไปในช่อง url

javascript:void(document.cookie="PREF=ID=20b6e4c2f44943bb:U=4bf292d46faad806:TM=1249677602:LM=1257919388:S=odm0Ys-53ZueXfZG;path=/; domain=.Google.com");

จากนั้นกด enter

เปิดหน้า https://www.Google.com หน้าใหม่ขึ้นมาก็ใช้งานได้แล้วครับ

ลองใส่ชื่อบล็อกตัวเอง

ขอให้สนุกครับ

ขอบคุณ : https://gizmodo.com

หน้าตาใหม่ของ Google

ในรายละเอียดทั้งหมดเข้าไปดูที่ลิงค์ด้านล่างครับ แต่วันนี้จะดูที่หน้าตาล้วนๆ UI นี้น่าจะได้ใช้กันในปีหน้า

หน้าแรกมันจะออกแนวเดียวกันกับ Google Wave UI เลย สีจะออกแนวใส สะท้อนแสงหน่อยๆ

หน้า search ที่มี Option ด้านซ้ายที่มีไอค่อนแสดงรูปแบบการค้น

หน้าแสดงผลด้านซ้ายมี option search ให้เลือกซึ่งตอนนี้ก็มีอยู่แล้ว แต่ UI ใหม่จะมีไอค่อนใหม่สวยขึ้น

ดูเมนูด้านซ้าย Everything จะรวมผลการค้นหาทั้งหมด และมีโหมดต่างๆอีก เช่น ภาพ ข่าว หนังสือ แผนที่ ฯ
ถ้าคลิกโหมดวีดีโอจะได้ผลดังนี้

ในโหมดของวิดีโอจะมี option เพิ่มความสามารถในการค้นหาวิดีโอดังนี้

ทำให้ค้นหาได้ตรงกับความต้องการมากขึ้น เช่น ความยาวของวิดีโอ คุณภาพ เวลา ฯ

นอกจากนั้น ในเมนู “See also” จะแนะนำคำค้นที่ใกล้เคียงกับที่เราค้นให้ ยกตัวอย่างเช่น ค้นคำว่า Pizza ก็แนะนำคำว่า tacos ,fried chicken, Steak ให้มาด้วย

มาดูที่ช่อง search

ก่อนหน้าตาแบบนี้

แบบใหม่

ดูสวยขึ้นกว่าเก่า สีสวยขึ้น ดูแล้วน่าจะทำให้การค้นหาง่ายขึ้น แต่มันเหมือน Bing นิดๆนะ

วิธีทดลองใช้งานหน้านี้

ข้อมูลจาก https://searchengineland.com

WordPress กับ Sticky(การปักหมุด)

แก้ธีมของ Biomed.in.th โจทย์ที่ทำคือต้องการให้สองโพสที่น่าสนใจแสดงภาพขนาดใหญ่และอยู่หน้าแรก ในตอนแรกธีมนี้ใช้การเลือกบาง categories มาแสดงซึ่งมันทำให้มันแสดงซ้ำกับ div ตัวกลางที่เราให้แสดง All Topic อยู่ ซึ่งเราไม่ต้องการให้เป็นแบบนั้น

เลยเปิดดู Codex ของ WordPress ในส่วนของ Template Tags/query postsเลยไปเห็นการใช้ Sticky ในการแสดง Posts เลยหยิบมาใช้ซึ่งก็ตอบโจทย์ที่เราต้องการได้พอดีเลย ทำเสร็จแล้วเลยขอบันทึกไว้เอาไปใช้ประโยชน์ในโอกาสต่อไป

โค้ดส่วนแรกซึ่งจะแสดง Sticky

[code lang="php"]
 2, // จำนวนของโพสที่ต้องการแสดง
  'caller_get_posts' => 1,
  'post__in'  => get_option('sticky_posts') ); //ให้แสดงเฉพาะโพสที่ Sticky
query_posts($args); ?>
[/code]

ผลของโค้ดนี้ได้ผลดังด้านซ้ายของเว็บไซต์

จากนั้นในส่วนที่แสดงโพสทั้งหมดไม่ต้องการให้โพสที่ถูกปักหมุดมาแสดงด้วยเดี๋ยวจะซ้ำกันทำให้คนอ่านได้ข้อมูลซ้ำเก่าและไม่น่าสนใจ

โค้ดที่ใช้แสดงโพสทั้งหมดยกเว้นโพสที่ถูก sticky

[code lang="php"]
 6,
                 'caller_get_posts' => 1,
                  'post__not_in' => $sticky,
                  'paged'=>$paged,
                 );
query_posts($args);
?> [/code]

ผลของโค้ดนี้ได้การแสดงผลตรงกลาง

ขอบคุณ WordPress Codex

โล้โก้ โครงการคุณธรรมจามจุรี

ดาวน์โหลดโลโก้