BEST OF APPS แนะนำโปรแกรมที่สุดยอดของทุกแพลตฟอร์ม

BEST OF APPS

ในเว็บไซต์ makeuseof จะมีอยู่หัวข้อหนึ่งชื่อ BEST OF APPS เป็นหน้ารวมโปรแกรมที่ยอดเยี่ยมในหมวดต่างๆของแต่ละแพลตฟอร์มที่ใช้ๆกันอยู่ปัจจุบัน รู้สึกว่าทำได้ดีจังเลย เขาจัดทำมานานแล้วล่ะ หลายโปรแกรม หลายเว็บไซต์เราก็เจอจากหัวข้อนี้ ลองดูว่าเขาจัด BEST OF APPS ของอะไรไว้บ้าง

  • BEST WEBSITE
  • BEST WINDOWS SOFTWARE
  • BEST LINUX SOFTWARE
  • BEST MAC APPS
  • BEST ANDROID APPS
  • BEST IPHONE APPS
  • BEST IPAD APPS
  • BEST CHROME EXTENSIONS
  • BEST FIREFOX ADDONS
  • BEST WORDPRESS PLUGINS
  • BEST PORTABLE APPS
  • BEST LINUX DISTROS

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

ลิงค์ไปที่หน้า BEST OF APPS

มาเล่นตัวต่อ LEGO บนเว็บกันดีกว่า [3D]

LEGO กับ Google ร่วมกันทำเว็บไซต์ Buid with Chrome (buildwithchrome.com) โดยมีตารางบนแผนที่ของออสเตรเลีย และนิวซีแลนด์ เราสามารถกดเข้าไปสร้างอะไรก็ได้บนพื้นที่แปลงหนึ่ง ด้วยตัวต่อ  LEGO 1 พันชิ้น จากนั้นก็แชร์สิ่งก่อสร้างของคุณต่อไป มีข้อจำกัดอีกนิดหน่อย เช่น พื้นที่มีจำกัดใครมาก่อนได้สร้างก่อน หมดแล้วหมดเลย เมื่อเริ่มสร้างแล้วต้องทำให้เสร็จในคราวเดียว และต้องแน่ใจว่าเสร็จสมบูรณ์แล้วค่อยเผยแพร่ หากปิดเว็บไปมันไม่บันทึกให้นะ และยังมีข้อแนะนำอีกนิดหน่อยลองอ่านดูที่ลิงค์ https://www.buildwithchrome.com/static/legal

ส่วนใครไม่อยากอ่านข้อกำหนดต่างๆให้วุ่นวาย ก็ขอให้ตั้งใจสร้างให้สุดฝีมือ แล้วค่อยกดแชร์

LEGO Build with Chrome (ฝีมือห่วยๆของผมเอง)

การเข้าใช้งานเว็บไซต์ต้องใช้บราวเซอร์ที่รองรับ HTML5 ใช้งานได้ดีกับ Google Chrome

พอเล่นไปเริ่มสนุกขึ้นเรื่อยๆ ไม่น่าเชื่อว่าตัวต่อไม่กี่แบบมันจะทำอะไรได้เยอะแยะขนาดนี้ เป็นการตลาดที่ดีเลยละ เพราะเล่นไปสักพักผมก็อยากได้ LEGO ของจริงขึ้นมาเลยทีเดียว

เริ่มเล่น LEGO กันได้เลยที่ https://www.buildwithchrome.com/

via: https://www.howtogeek.com

ถ้าบ้านไฟไหม้ หิ้วของได้จำกัด จะหยิบอะไรออกไปด้วย?

เห็นจากทวีตของพี่ @kaninnit แนะนำเว็บไซต์ theburninghouse.com มีไอเดียเก๋มาก แต่บางคนอาจไม่ชอบก็ได้ ด้วยการตั้งคำถามว่า

“ถ้าบ้านของคุณไฟไหม้ อะไรคือสิ่งที่คุณจะเอาไปด้วย รับรองว่ามันจะเกิดเป็นความขัดแย้งในใจว่าจะเอาอะไรไปดี อะไรที่จำเป็น อะไรที่มีค่า และอะไรที่มีคุณค่าทางจิตใจมากที่สุด ไม่ว่าอะไรก็ตามที่คุณเอาไป จะสะท้อนถึงความสนใจของคุณ ภูมิหลัง และการให้ลำดับความสำคัญกับอะไรบางอย่างเป็นพิเศษ”

คิดซะว่ามันเป็นคำถามที่ถามถึงสิ่งต่างๆเหล่านั้นในคำถามเดียว แทนที่จะถามว่า คุณสนใจอะไร อะไรที่คุณให้ความสนใจเป็นอันดับหนึ่ง ชอบอะไรเป็นพิเศษ ถามเลยสั้นๆ “ไฟไหมบ้าน จะเอาอะไรไป?”

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

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

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

ถ้าบ้านไฟไหม้ จะเอาของต่อไปนี้ไปด้วย

ของที่จะเอาไป ในรูปไม่มีกล้องนะเพราะใช้ถ่ายรูปนี้อยู่

Name: Pongsak Sarapukdee
Age: 28
Location: BKK, Thailand
Occupation: Research Assistant
Website: https://www.amphur.in.th
List:

  • Macbook
  • Nokia N76
  • iPod
  • Headphone
  • Wallet
  • Momoo, Cocoa, Kekee (TEDDY BEAR)
  • Canon DSLR 600D(Kiss X5)
  • Wristwatch
  • External HDD

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

อ้างอิงเว็บไซต์: https://theburninghouse.com

เมื่อ Extension บางตัวของ Chrome แอบเพิ่มโฆษณาลงในหน้าเว็บ

โฆษณานี้โผล่มาอยู่ด้านล่างของเว็บไซต์ได้ไง

แปลกใจมากที่อยู่ๆโฆษณาก็โผล่มาในเว็บได้ไง ทั้งๆที่ไม่ได้ติดอะไรลงไปเลย อันดับแรกเข้าไปดูในโค้ดเว็บไซต์ก่อน พบว่าไม่มี ลองเปิดด้วยบราวเซอร์ตัวอื่น (Safari, Firefox ใช้ Chrome เป็นตัวหลัก) พบว่าตัวอื่นไม่เจอ นอกจากนี้ลองเปิดเว็บไซต์อื่นๆก็มีขึ้นมาในลักษณะเดียวกันในบางเว็บไซต์ แสดงว่ามีปัญหาที่ Chrome แน่ๆ สิ่งต่อไปที่คิดถึงคือ น่าจะมี Extension บางตัวที่เป็นตัวใส่โฆษณานี้เข้ามา ดันลองไปปิด Extension ทีละตัวแล้วรีเฟรชดู ว่าหายไปหรือเปล่า ไม่ยอมอ่านข้างล่างโฆษณาที่เขียนบอกไว้แล้ว

“This ad is supporting your extension Enhancements for Gmail” ตัวการอยู่นี้เอง มันเป็น Extension ที่ทำให้ Gmail ไม่มีโฆษณา แต่ตัวเองดันเอาโฆษณามายัดให้คนดูซะงั้น แต่ทำได้เนียนมาก ถ้าไม่เขียนบอกไว้ข้างล่างโฆษณาคงหาลำบากมาก ว่ามันมาจากไหนเพราะติด Extension ไว้ประมาณสามสิบตัวกว่าๆ

ตัวการเพิ่มโฆษณาเข้ามาในหน้าเว็บไซต์ที่เราเปิดดู

วิธีแก้ไขก็ไม่ยาก ก็ลบ Enhancements for Gmail หรือใครไม่อยากลบก็เข้าไปตั้งค่า Extension ดูตามลิงค์ข้างล่างของโฆษณา แต่ผมลบไปแล้ว

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

ความจริงแล้วมันก็ไม่เป็นอันตรายอะไรกับเครื่องเราหรอกนะครับ แต่อาจสร้างความรำคาญในผู้ใช้บางคนเท่านั้นเอง เลยเอามาเล่าให้ฟัง

เว็บไซต์แนะนำผู้น่าติดตามใน Google+

Who to follow on Google+

ก่อนหน้านี้ได้แนะนำคนที่น่าติดตามใน Google+ ที่เป็นพนักงานของ Google และ Facebook ดูได้ตามลิงค์

ใน Twitter จะมีฟีเจอร์หนึ่งแนะนำคนที่คุณอาจสนใจ Who to follow ผมถือว่ามันมีประโยชน์พอสมควรเลย ใน Google+ ยังไม่มีฟีเจอร์นี้แต่ก็มีคนทำเว็บไซต์แนะนำคนน่าติดตามใน Google+ มาให้เราแล้ว โดยแยกกลุ่มให้อย่างดีเยี่ยม เว็บไซต์นั้นคือ https://www.recommendedusers.com เป็นผลงานของ +Alireza Yavari อีกอย่างที่ผมชอบในเว็บไซต์นี้คือ Circle ที่ทำขึ้นมีภาพประกอบตรงกลางวงทำให้รู้ว่าวงที่จะเลือกเกี่ยวกับอะไร ถ้า Circle ใน Google+ ใส่ภาพได้บ้างหรือมีภาพหมวดหมู่ให้เลือกใช้แทนจำนวนคนกับชื่อวงน่าจะดีไม่น้อย

เมื่อเราคลิกไปใน Circle ที่แนะนำจะพบหน้าตาประมาณนี้ครับ

ตัวอย่างในหมวด Artists Designers

คลิก Add to circles ใต้ชื่อคนที่เราสนใจ จะเปิดหน้า Profile ของคนนั้นขึ้นมา เราก็สามารถเอาเข้า Circles ได้เลย ถ้าคลิกที่หน้านี้แล้วนำเข้า Circles ได้เลยคงดี(ในอนาคตอาจจะทำได้ก็ได้) นอกจากนี้เขายังเปิดโอกาสให้เราแนะนำคนที่น่าสนใจตามหมวดหมู่เข้าไปได้นะครับ Suggestions & Recommendations

ในเว็บไซต์มีหมวดหมู่แยกคนที่น่าติดตามดังนี้

 Suggested Categories

  • Authors & Writers
  • Artists & Designers
  • Bloggers
  • Featured Users
  • Foodies
  • Googlers
  • Graphic Designers
  • Journalists
  • LGBT
  • Most Followed People
  • Musicians
  • Photographers
    -Most Followed
    -Inspirational
    -Landscape & Wildlife
    -Street Photographers
    -Portrait & Wedding
    -Other Categories
    -Photographers
  • Podcasters
  • Scientists
  • Tech Entrepreneurs
  • VCs & Angel Investors
  • Wall of Fame
  • Web Celebrities
  • Web Developers
  • Web Designers
  • Women in Tech
ยังไม่หมดครับ ในส่วนของ blog ยังแนะนำ album ภาพสวยๆจาก Google+ user ที่สวยๆมาให้เลือกดูอีกด้วย เป็นอีกจุดเด่นของ Google+ ที่ใส่ภาพขนาดใหญ่ลงไปได้ ( Facebook ภาพถูกย่อลง)
Photo Albums on Google+

ถือว่าเป็นเว็บไซต์ครบเครื่องเรื่อง Suggestions & Recommendations เกี่ยวกับ Google+ ที่ยอดเยี่ยมมาก

รวมผลงานออกแบบหน้าตา Facebook แบบใหม่

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

การออกแบบหน้าตา Facebook ของแต่ละคนดูดีแตกต่างกันไป หลายอันทำออกมาได้น่าดู น่าใช้ขึ้นไม่น้อย เว็บไซต์ Hongkiat รวบรวมไว้ ผมเห็นว่าน่าสนใจเลยเอาแชร์ นอกจาก Facebook แล้วยังมีเว็บไซต์อื่นๆด้วยที่ศิลปินได้ออกแบบหน้าตาใหม่ให้ เช่น Google, Myspace, Youtube, IMDb เป็นต้น เข้าไปดูได้ที่ลิงค์ที่มาด้านล่างครับ

Facebook Concept Design

1. Barton Smith

Facebook-Facelift
Facebook Facelift

ผลงานแรกเป็นของ Barton Smith ในชื่อ The Facebook Facelift ปรับแต่งใหม่ทั้งหมด ทั้ง Home, Feed, Event, Photo ทำออกมาดูดีมาก เน้นโทนขาว เทา ฟ้า ใช้พื้นที่ได้เต็มจอ มีวีดีโอสาธิตการใช้งานด้วย เข้าไปดูผลงานของเขาแบบเต็มๆได้ที่ Barton Smith

2. Information Architects

Facebook by information architect

ผลงานโดยบริษัททำงานออกแบบโดยตรง Facebook ในแบบของพวกเขาถูกออกแบบมาให้เหมือนกับอีเมลแอพลิเคชั่น แบ่งออกเป็น 3 คอลัมน์ คือ ส่วนของ filter แยกกลุ่มของเนื้อหาที่จะแสดงใน information-stream ที่อยู่ตรงกลาง และ reaction ที่จะใช้โต้ตอบคอมเม้นต์ในหัวข้อนั้นๆ ดูรายละเอียดได้ที่ https://www.informationarchitects.jp

3. Justin Dauer 

Facebook by Justin Dauer

Facebook หาตาแบบใหม่ของ Justin Dauer ดูเรียบมีสไตล์คล้ายบล็อกเหมือนกันนะ ดึงเอารายละเอียดของผู้ใช้มาอยู่ด้านขวา เมนูสำคัญพร้อมกับ notification แสดงดูด้านบน ดูดีมาก รายละเอียดดูที่ pseudoroom design

4. Peter Knoll

Facebook by Peter Knoll

ตัวนี้เมนูด้านบนยังคงคล้ายๆกับหน้าตาของ Facebook ในปัจจุบัน และเน้นส่วนของ post ให้ใหญ่และเด่นมากขึ้น แต่ส่วน New Feed จะเหมือนกับ Google+ เลย ดูรายละเอียดเพิ่มเติมที่ Peter Knoll

5. AndasoloARTS

Facebook by AndasoloARTS

การออกแบบ Facebook ตัวนี้มีโทนสีคล้ายกับของ Peter Knoll ส่วนที่แตกต่างออกไปคือส่วนของ New Feed ที่ใหญ่ขึ้นและดูดีขึ้น รายละเอียดดูที่ AndasoloARTS

6. Jonaska

Facebook by Jonaska

อันนี้ได้แรงบันดาลใจมาจาก AndasoloARTS โดยปรับปรุงส่วนของช่องโพส ช่องค้นหา และส่วนอื่นๆให้ดูดีขึ้น รายละเอียดที่ Jonaska

7. Czarny-Design

Facebook by Czarny Design

หน้าตาใหม่ของ Facebook ที่ออกแบบโดย Czarny Design จะเน้นไปที่การใช้เส้นโค้งในการออกแบบมากขึ้น เน้นช่องคอมเม้นต์ให้เด่นมากขึ้น ดูรายละเอียดเพิ่มเติมที่ Czarny-Design

การออกแบบหน้าตาใหม่ให้ Facebook ของแต่ละคนก็มีรูปแบบที่แตกต่างกัน หลายๆอันอยากให้เอาไปใช้จริงๆเลยนะ อย่างเช่นของ Justin Dauer ผมว่าเข้าขั้นน่าใช้เลยล่ะ แต่ทุกครั้งที่ Facebook มีการอัพเดตหน้าตาใหม่ช่วงแรกๆจะมีคนบ่นอยู่ซักพักจากนั้นก็จะชินและเลิกบ่นไปเอง ประมาณว่าเขาให้ใช้อะไรก็ต้องใช้ไป แต่ผมว่าเว็บไซต์ที่มีคนใช้งานเยอะขนาดนั้นเข้าต้องวิจัยและทดลองใช้มาก่อนอยู่แล้วจึงจะปล่อยให้คนทั่วไปใช้ และมันต้องเป็นมิตรกับคนใช้งาน ไม่ยุ่งยากเกินไป ซึ่งผมว่าปัจจุบัน Facebook ก็ทำได้ดีมากอยู่แล้ว

เห็นคนอื่นออกแบบ Facebook ในฉบับของเขา คุณอยากลองทำเองบ้างไหมครับ ใครทำแล้วแชร์มาให้ดูด้วยนะครับ

ที่มา: https://www.hongkiat.com/blog/concept-design-facelift-notable-websites

รวมภาพการออกแบบหน้าตา Facebook ของแต่ละคนทั้งหมด

 

Safari อ่านโดเมนภาษาไทยได้ด้วย

เมื่อสัปดาห์ก่อนได้จดโดเมนที่ชื่อเป็นภาษาไทยแนวเดียวกับ ช่วยชาติ.com อะไรทำนองนี้ครับ การ config กับโฮสก็ทำเอามึนๆอยู่เล็กน้อย ดีที่มี support บริการดี ก็เนื่องจากว่ามาตรฐาน IDN (Internationalized Domain Name) จะเปลี่ยนชื่อเป็นอะไรที่ประหลาดๆอ่านไม่รู้เรื่องขึ้นต้นด้วย xn-- แทนที่จะจำง่ายกลับจำยากเมื่อคนที่เข้าเผลอเข้ามา ไม่พิมพ์เข้ามาเอง

ยกตัวอย่างเหตุการณ์หนึ่งที่เจอกับตัวเอง ผมเข้าที่เว็บของททท.มีแบนเนอร์อันหนึ่งสวยมาก พอคลิกเข้าไปก็เจอเว็บที่รวมรูปสถานที่ท่องเที่ยวสวยๆเยอะเลย แต่ว่าเว็บไซต์นี้ถูกจดด้วยชื่อโดเมนภาษาไทย แล้วในเว็บก็ไม่มีชื่อเว็บไว้ด้วย สรุปว่าเปิดไปเปิดมาตั้งนานยังไม่รู้ว่าเว็บไซต์นี้ชื่ออะไร! จะจำตัวอักขระ xn--… ก็คงจำไม่ได้ ทางเดียวคือต้อง bookmark บอกต่อคนอื่นได้ค่อนข้างยากเหมือนกัน ผมเลยมองว่าแทนที่จะเป็นจุดแข็งที่สามารถใช้ชื่อโดเมนเป็นภาษาท้องถิ่นได้ กลับเป็นจุดด้อยไปอย่างน่าเสียดาย

ปัญหานี้ผมมองข้ามมันไปแล้วว่าน่าจะเป็นที่ระบบคงแก้ไขอะไรมากไม่ได้ ทางที่ดีคือเพิ่มชื่อเว็บไซต์ลงไปในเว็บไซต์ให้เห็นด้วย แต่วันนี้ดันลองเปิดเว็บด้วย Safari 5 เฮ้ย! (สะดุ้ง ตกใจ) บน address bar ของ Safari แสดงชื่อเว็บไซต์เป็นภาษาไทยเลย!

มาดูภาพเปรียบเทียบการแสดงที่อยู่ของเว็บไซต์ใน Safari 5.0, Firefox 5.0 และ Chrome 12

Safari 5.0 อ่านชื่อโดเมนภาษาไทยได้
firefox 5.0 แสดงที่อยู่ของเว็บไซต์เป็นโค้ด
Chrome 12 แสดงที่อยู่เว็บไซต์เป็นโค้ด

ทั้งหมดในเครื่อง Mac ครับ ส่วนใน IE และ Windows ผมไม่ได้ลอง ถ้าใครลองแล้วเขียนคอมเม้นต์บอกด้วยนะครับ อยากรู้เหมือนกัน

แสดงว่ามันขึ้นอยู่กับ Web browser ต่างหากที่จะแสดงผลแบบไหน ในอนาคตคิดว่าตัวอื่นๆนอกจาก Safari ก็น่าจะอัพเดตให้แสดงผลเป็นชื่อของภาษาถิ่นได้เหมือนกัน ถึงตอนนั้นเราอาจจะลบจุดด้อยที่กล่าวไว้ข้างต้นได้

สรุป ถ้าอยากรู้ว่าชื่อเว็บไซต์ที่เป็นภาษาไทยชื่ออะไร อ่านใน Firefox, Chrome ไม่ได้ ต้องเปิด Safari มาอ่านดูครับ

ลองทดสอบเข้าไปที่เว็บ https://www.ปฏิบัติการสร้างหัวใจใหม่.com/ แล้วดูว่าที่เครื่องของคุณอ่านได้หรือปล่าว

flickchart.com มาจัดอันดับหนังในดวงใจกันครับ

fickchart.com

Flickchart เป็นเว็บไซต์สังคมออนไลน์สำหรับคนที่ชอบดูหนัง และจัดอันดับ เปรียบเทียบหนังที่ตัวเองชอบ รูปแบบในการจัดอันดับก็ง่ายๆ คือระบบจะสุ่มหนังมาให้ทีละ 2 เรื่อง ถ้าเราเคยดู และชอบเรื่องไหนมากกว่าก็คลิกที่หนังเรื่องนั้น แต่ถ้ายังไม่เคยดู ก็กดผ่านไป เมื่อกดไปสักพัก เว็บไซต์จะจัดอันดับหนังที่เราชอบมาให้เป็น 20,  50, 250 อันดับ แต่ถ้าดูแล้วอันดับที่เว็บไซต์จัดมาให้ไม่ถูกใจ เราก็เข้าไปจัดทีละเรื่องได้ นอกจากนั้นยังมีรายละเอียดของหนังแต่ละเรื่องให้ดูอีกด้วยว่าคนส่วนใหญ่ให้อันดับเท่าไหร่ มีคนดูกี่เปอร์เซ็นต์ แล้วยังจัดเปรียบเทียบชนกันของหนังเจ๋งๆให้ได้โหวตกันอีก

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

เข้ามาดูอันดับหนังในดวงในของผมได้ที่ https://www.flickchart.com/sarapuk ครับ

เอาคำจำกัดความ Flickchart ของ Mashable มาให้อ่านครับ เขาอธิบายได้ครอบคลุมดี

Flickchart is a social network for film lovers to rate, compare and share their favorite films through a unique game-like one versus one mechanism.-Mashable

และนี้คือ 20 อันดับหนังในดวงใจของผม จัดมาให้ถูกใจเลย

  1. Pan’s Labyrinth
  2. The Lord of the Rings: The Return of the King
  3. A Beautiful Mind
  4. Good Will Hunting
  5. The Lord of the Rings: The Fellowship of the Ring
  6. The Matrix
  7. Contact
  8. Spider-Man
  9. The Bourne Ultimatum
  10. The Matrix Revolutions
  11. Kill Bill Vol. 2
  12. The Lord of the Rings: The Two Towers
  13. The Dark Knight
  14. The Bourne Supremacy
  15. 300
  16. The Fifth Element
  17. The Exorcist
  18. The Matrix Reloaded
  19. Crouching Tiger, Hidden Dragon
  20. King Kong

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

ปลั๊กอิน WordPress ทำ Sitemap แสดงบนหน้าเว็บไซต์

WP Multilingual Sitemap

WP Multilingual Sitemap เป็นปลั๊กอิน ที่เอาไว้สร้าง Sitemap ที่เป็น HTML ไม่ใช่  Sitemap ที่เป็นไฟล์ XML เอาไว้ให้ boot มาดึงไปใช้ หรือเอาไว้ submit พวก search engine ที่แทบจะทุกเว็บต้องลงไว้ แต่ตัวนี้เอาไว้แสดงหน้าเว็บไซต์ให้คนที่เข้ามาที่เว็บไซต์ง่ายต่อการค้นหา ข้อดีของมันคือ เมื่อติดตั้งปลั๊กอินตัวนี้แล้ว เราต้องการให้ Sitemap แสดงที่หน้าไหน ก็ใส่ Short code เข้าไปได้เลย โดยเลือกแสดงลิสต์ที่เป็น Page, เป็น Post, หรือแสดงลิสต์ Post แยกตาม Category ก็ได้

ตัวอย่างการใส่ค่า ในหน้า Page

WP Multilingual Sitemap

ลองใช้มาได้ 2-3 วันแล้ว แต่ยังไม่ได้เขียนถึง มันแสดงผลออกมาได้ดีตามที่อยากให้เป็น ส่วนเว็บใครที่มี sub category เยอะ คิดว่าจะถูกใจเลยทีเดียว สนใจอยากดูตัวอย่างการใช้งานดูที่นี้ได้เลยครับ https://www.amphur.in.th/sitemap/

CSS Trick ตัวอย่างเว็บไซต์ใช้ CSS สุดเจ๋ง

เมื่อวานเปิดดู WordCamp TV ของ Sara Cannon พูดเรื่อง CSS Trick ตอนแรกเห็นเธอน่ารักสดใสเลยขอดูนิดหนึ่ง แต่สุดท้ายดูจบก็ได้อะไรมาเหมือนกัน มีตัวอย่าง Showcase ของ CSS ที่เธอเอามาโชว์ประกอบการนำเสนอ พบว่ามันเจ๋งดี เลยคัดเอาส่วนที่น่าสนใจมาบันทึกเก็บไว้

อันแรกเป็นการออกแบบเกี่ยวกับ Scrolling  ลิงค์เว็บไซต์ https://lostworldsfairs.com/atlantis ทดลองเลื่อนหน้าเว็บไซต์ลงไปข้างล่างเรื่อยๆ จะพบว่าคนในท่อจะวิ่งตามลงไปด้วย ระดับความลึกก็เปลี่ยนตาม

Atlantis

เว็บที่สองเป็นการโชว์ความสามารถการใส่พื้นหลังหลายภาพ (ซ้อนกัน) เว็บเหล่านี้จะพบว่าพื้นหลังของเว็บมันมีความน่าสนใจมากขึ้นเยอะเลย ตัวอย่าง https://silverbackapp.com มีพื้นหลังอยู่ถึง 4 ภาพ ย่อขยายหน้าเว็บจะเห็นว่ามีเลเยอร์ของ ด้านหลังซ้อนกันอยู่

https://silverbackapp.com

และอีกตัวที่ผมเห็นแล้ว พบว่ามันเท่มากคือ เว็บ https://www.nikebetterworld.com ลอง Scrolling ลงไปข้างล่างจะเห็นการนำเสนอที่เจ๋งจริงๆ พื้นหลังจะเปลี่ยนไปเรื่อยๆ

https://www.nikebetterworld.com/

และส่วนที่น่าสนใจที่สุดคือ เป็นความสามารถของการใช้ CSS Grids ควบคุมการแสดงผลแตกต่างกัน ตามขนาดของหน้าจอ เช่นหน้าจอของ PC, iPad, Mobile ขนาด ตำแหน่งของเมนู เปลี่ยนแปลงตามขนาดของหน้าจอที่เรียกใช้งาน ลองเปิดดูที่ https://hicksdesign.co.uk/ และ https://colly.com แล้วลองย่อขนาดของเว็บไซต์ดูครับ

hicksdesign.co.uk ขนาดจอ PC
https://hicksdesign.co.uk ขนาดจอมือถิอ
https://colly.com แสดงหน้าจอ PC
https://colly.com แสดงหน้าจอมือถือ

ยังมี resource และเว็บไซต์ที่น่าสนใจอื่นๆอีก ตามดูการนำเสนอของ Sara Cannon ในหัวข้อ CSS Tricks ได้ที่ https://WordPress.tv ความยาวประมาณ 34 นาที ครับ

Exit mobile version