Technology

arnondora.in.th 2.0 Design ใหม่รองรับ Mobile แล้วนะ

By Arnon Puitrakul - 26 มิถุนายน 2015

arnondora.in.th 2.0 Design ใหม่รองรับ Mobile แล้วนะ

หลังจากที่ปิดเทอมมาได้สักระยะนึง ก็ได้เคลียร์งานส่วนใหญ่ไปหมดและ ตอนนี้เลยค่อนข้างจะมีเวลา ก่อนปิดเทอมเคยคิดที่จะสร้าง Theme ของเว็บตัวเองอยู่แล้วล่ะ แต่ตอนนั้นเขียนไม่เป็น ไม่รู้เรื่องเลยว่า Wordpress Theme มันทำยังไงอะไรบ้าง สัปดาห์นี้จัดเลย ใช้เวลาอยู่ 2 วัน หัด และ เขียนจริง ต้องขอบคุณ Tutorial ใน Youtube หลาย ๆ เจ้ามาก ๆ คือ ทำเป็นแบบเบื้องต้นเลยล่ะ

New Design -> Material Design

เรื่องนี้เป็นเรื่องที่ยากมากสำหรับ Programmer คิดยากมากเวลาจะ Design อะไรสักอย่าง ขนาด Design โปรแกรมยังยากเลย แล้วอะไรจะมากับ Design หน้าเว็บล่ะ แต่พอทีที่ผมเขียนทางฝั่ง Android อยู่ เลยเอาล่ะ ใช้ Material Design เป็น Design Concept เลยล่ะกัน เพราะเราก็ใช้มันบ่อย ๆ อยู่แล้ว เลยค่อนข้างถนัด

Material Design คืออะไร ?

Material Design คือ Design Concept ที่ทาง Google เป็นคนตั้งขึ้น มันสามารถนำไปใช้ได้กับทุกขนาดหน้าจอจริง ๆ รวม ๆ มันจะคล้าย ๆ กับ Flat Design แต่เพิ่มเรื่องของ แสงเงา เข้ามาเหมือนกับ หน้าจอเราเป็น โต๊ะ ๆ นึง แล้ววัตถุก็คือเศษกระดาษอันนึง เราก็เอาเศษกระดาษมาวางไว้ ใต้กระดาษก็จะมีเงาขึ้นมา เราใช้หลักการนี้ล่ะ ในการออกแบบ ตาม Material Design

รองรับ Mobile Devices แล้วด้วยนะบอกเลย !!

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

web2-0-phone

นอกจากตัวหนังสือแล้ว ใน Mobile เราได้ตัด Sidebar ด้านข้างออกไปด้วย ทำให้การแสดงผลดูแล้วค่อนข้างใหญ่พอดี แล้วเอาแถบค้นหามาไว้ข้างบน เพื่อให้สามารถเ้ขาถึงบทความอื่น ๆ ได้ง่ายขึ้น

Introducing Tags & Categories

web2-0-tag

เมื่อสัก 1-2 บทความที่ผ่านมา ผมได้มีการเริ่มใช้ระบบ Tag เพื่อแสดงหมวดหมู่ หรือจัดกลุ่มบทความบ้างแล้ว ใน Design ใหม่ เราก็ได้เพิ่มการแสดง Tag เข้ามาร่วมกับ Categories ไว้ด้านล่างของบทความแล้ว เพื่อให้ผู้อ่านสามารถเข้าถึงบทความที่เกี่ยวข้องได้เร็วขึ้น (ตัว Categories จะเป็นสีขาว ส่วน Tag จะเป็นสีม่วง เพื่อให้แยกออกว่าอันไหนเป็นอะไรกันแน่)

Focus with reading

web2-0-focus

ตัดสิ่งรบกวนด้านข้างพวก Categories หรือ Tag อะไรแบบนี้ แล้วเอามันไปไว้ข้างล่างแทน เพื่อให้ผู้อ่านสามารถ Focus กับบทความได้มากขึ้น และยังทำให้ความกว้างของช่องที่อ่านบทความเพิ่มขึ้น อ่านง่ายขึ้นเยอะเลย

New Comment System

web2-0-comment

จากเมื่อก่อน เราใช้ระบบ Comment ของตัว Wordpress เอง แต่ใน Version 2.0 เราได้ย้ายไปใช้ Comment System ของ Disqus แทน จะได้แชร์ไปยัง Social Network ได้ง่ายขึ้น

Born to be light and fast

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

It's just the beginning

เว็บตอนนี้ที่กำลังใช้อยู่ตอนนี้ยังไม่ใช่ ตัว Release หรือแต่ประการใด เราคงจะได้เห็นพัฒนาการออกมาเรื่อย ๆ หากใครที่เข้ามาอ่าน แล้วอยากได้ฟีเจอร์อะไรเพิ่ม เจอบัค หรืออยากแนะนำ Design ตรงจุดไหน Comment มาบอกได้เลยครับ ตอนนี้เหมือนกำลังพูดคนเดียวอยู่
สุดท้ายนี้ก็ขอขอบคุณทุก ๆ คนนะครับที่คอยสนับสนุนจนมาได้ถึงจุด ๆ นี้ อ่อเกือบลืม Theme ตัวนี้ผมปล่อยไปใน Github แล้วถ้าใครอยากจะเอาไปพัฒนาต่อ หรือจะเอาไปใช้ก็ได้เลยนะครับ ตอนนี้มันก็ใช้ได้เท่าที่เห็นในเว็บตอนนี้เลย แต่ก็กำลังอัพเดทเรื่อย ๆ ยิ่งช่วงนี้ยิ่งอัพเดทหนักเลย Commit กันทั้งวันเลย

Read Next...

เลือกซื้อ Music Steaming เจ้าไหนดีในปี 2024

เลือกซื้อ Music Steaming เจ้าไหนดีในปี 2024

มาถึง Content ที่คนถามเข้ามาเยอะมากว่า ในปี 2024 ในไทยเรามี Music Streaming เข้ามาเปิดหลายเจ้ามาก ๆ ตั้งแต่ Spotify, Apple Music, Youtube Music และ Tidal เราควรจะเลือกเจ้าไหนดี วันนี้เราจะมาวัดจาก Indication 5 อย่างด้วยกัน แล้วลองมาสรุปคะแนนดูว่า เราน่าจะเหมาะกับเรื่องแบบไหนกันดีกว่า...

External HDD เสียอย่าพึ่งทิ้ง มาเปลี่ยน HDD กันเถอะ

External HDD เสียอย่าพึ่งทิ้ง มาเปลี่ยน HDD กันเถอะ

เรื่องของเรื่องมีอยู่ว่า Desktop External HDD คู่ใจของเราอย่าง My Book มันมีอาการแปลก ๆ มาสักพัก ไฟล์บางไฟล์อ่านไม่ได้ และบางครั้งก็ช้า จนพบว่า อ๋อ น้องลาโลกแล้ว แต่เราจะบอกว่า คนที่เจออาการแบบนี้ อย่าพึ่งทิ้งนะ เพราะเราสามารถซื้อ HDD มาเปลี่ยนแล้วใช้งานต่อได้ วันนี้เราจะมาเล่าให้อ่านกัน...

ใช้ HDD ขนาดใหญ่ หรือ HDD ขนาดเล็กจำนวนมากใน NAS ดี?

ใช้ HDD ขนาดใหญ่ หรือ HDD ขนาดเล็กจำนวนมากใน NAS ดี?

จากเมื่อเดือนก่อน ๆ เราเล่าเรื่องที่เราเปลี่ยน HDD ไปในความจุที่ใหญ่ขึ้น ทำให้เราคิดย้อนตอนที่เรา Design NAS ที่จะใช้ในบ้านครั้งแรกว่า เราควรจะใช้ HDD ขนาดเท่าไหร่ดี จะใช้ HDD ขนาดความจุเล็ก ๆ จำนวนมาก หรือเอาความจุสูง ๆ ไม่กี่ลูกดีกว่า วันนี้เราเอาประสบการณ์มาเล่ากัน...

Dual Stack และ Tunnelling วิธีการเชื่อมโลก IPv4 และ IPv6 เข้าด้วยกัน

Dual Stack และ Tunnelling วิธีการเชื่อมโลก IPv4 และ IPv6 เข้าด้วยกัน

ปัจจุบันนี้เรามีการใช้ IPv6 มากขึ้นเรื่อย ๆ แน่นอนว่ายังไม่เท่ากับอุปกรณ์ที่ทำงานบน IPv4 และทั้งสอง Version นี้ไม่สามารถเชื่อมต่อคุยกันได้โดยตรง ทำให้เราจำเป็นต้องมีเทคนิคบางอย่าง วันนี้เราจะมาเล่าให้อ่านกันว่า เขาทำกันยังไง...