web design

Web Design Topics

ทำไมธีมดรูปัลไม่โดน!

ช่วงนี้เศรษฐกิจไม่ดี งานไม่ค่อยเข้า ผมก็เลยได้กลับมายุ่งกับการทำธีมส่งเข้า drupal.org อีกครั้ง หลังจากห่างหายไปหลายเดือน แต่ดูเหมือนว่าธีมใหม่ๆ แบบโดนๆ ที่คนส่งเข้าเว็บแม่นั้นมีน้อยมาก (ถ้าเทียบกับ ธีมสำหรับเวิร์ดเพรส ที่ผมชอบแอบย่องไปส่องดูบ่อยๆ) เลยอยากจะโน้ตความคิดเห็นส่วนตัวไว้สักหน่อยว่า เหตุผลใดที่ทำให้ ธีมดรูปัลที่แจกจ่ายกันในเว็บแม่นั้น ถึงไม่ค่อยโดนใจผู้ใช้งาน และโพสต์นี้อาจช่วยเพิ่มกำลังใจ (หรือตัดกำลังใจ) เว็บดีไซเนอร์ชาวไทยที่กำลังสนใจทำธีมดรูปัลอยู่ก็ได้

ธีมที่แจกจ่ายกันใน drupal.org นั้น ส่วนใหญ่เจ๋งมากๆ พูดจริงๆนะไม่ได้ประชด เพราะถ้าดูที่เนื้อในของธีม เราจะเห็นเจตนาดีของผู้แจกจ่าย ที่พยายามลดขั้นตอนในการทำธีมของเราให้ได้มากที่สุดแล้ว (แต่เผอิญดันลืมลดขั้นตอนการดีไซน์ไปซะนี่) ยกตัวอย่าง ธีมตั้งต้นยอดนิยม (starter themes) เช่น Zen, Genesis, Blueprint, Tendu, Basic และอื่นๆ ธีมเหล่านี้เหมือนคฤหาสน์ที่มีรากฐานมั่นคง แต่เราต้องซื้อเฟอร์นิเจอร์และทาสีให้มันเอง (ดู ตารางเปรียบเทียบ Drupal6.x Starter Themes)

สำหรับ Drupal Core สิ่งที่กำลังปรับปรุงแน่ๆ คือ ทำให้มันใช้งานง่ายขึ้น และทำให้ผู้ใช้ไม่รู้สึกกลัวหน้าตาขึงขังเกินเหตุของมัน ได้ข่าวว่า พี่มาร์คแอนด์เดอะแก๊งค์ที่ก่อนหน้านี้รับหน้าที่รื้อดีไซน์ของ drupal.org ไปแล้วนั้น กำลังจะเข้ามาปรับปรุงเรื่อง Usability และ User experience สำหรับอินเตอร์เฟสของ Drupal 7 อีกหน (ลองอ่านดูในบล็อกของ Dries : Mark Boulton to help with Drupal 7) แต่สำหรับคนที่อยากได้ธีมดรูปัลหน้าตาเจ็บจี๊ดได้ใจ แบบดาวน์โหลดปุ๊บใช้ได้ปั๊บเลยนั้น ดรูปัลคือถิ่นทุรกันดารสำหรับคุณแน่นอน Confirm!

Awesome "Strange Little Town"

A week ago I found an awesome theme from wordpress.org and I can't resist to do something about it. But you know, I'm a Drupal user who doesn't want to migrate his own experiences to another platform. So I asked the theme author, Minmin from magical.nu for her permission, and now I'm porting "Strange Little Town", a lovely whimsical WordPress theme, to Drupal.

Strang Little Town Screenshot

Yes, Minmin gave me a kindly permission to contribute "Strange Little Town" for all Drupal users.

เกลียดไม่ได้ แต่รักไม่ลง!

กำลังแก้ธีมของ webzer ครับ ถ้าลองเล่น theme switcher จากแทบด้านข้างดู ก็จะมี ordinary one too-dev ให้เลือก และยังคงยึดมั่นกับความท้าทายแบบเดิมๆ ของตัวเอง คือ ทำธีมที่ใช้ไฟล์กราฟิคให้น้อยที่สุด เพื่อรีดศักยภาพของบราวเซอร์ออกมาพิสูจน์ รวมทั้งหาขีดจำกัดในการเรียนรู้ของตัวเองด้วย แม้จะยังแก้ไม่เสร็จ แต่สถานการณ์ก็เป็นไปอย่างราบรื่นในบราวเซอร์แทบทุกตัว ยกเว้นใน Internet Explorer (เจ้าเก่า) เพราะเลย์เอาต์ใหม่ที่กำลังทำ ใช้งาน Float ใน CSS เพื่อจัดตำแหน่งของแต่ละ section ในหน้าเว็บเป็นหลัก แม้จะคาดไว้อยู่แล้วว่ามันต้องเละ แต่มันเละเทะมากมายมหาศาลเกินกว่าที่คาดไว้ซะอีก (ใน IE ทุกเวอร์ชั่น)

แม้เว็บไซต์แห่งนี้จะยังมี traffic ไม่มากนัก และก็โชคดีที่ผู้ใช้ส่วนใหญ่กว่า 60% เข้ามาที่นี่ด้วย FireFox อาจเป็นเพราะเนื้อหาส่วนใหญ่ เกี่ยวกับเรื่องการทำเว็บ และคนทำเว็บก็คงรู้ว่าบราวเซอร์ตัวไหนที่ใช้งานได้ดีกว่า Internet Explorer (IE) แต่ยังไงก็ตัดใจทิ้งมันไม่ได้ เพราะ 20% ของผู้เยี่ยมชมยังคงใช้ IE และ 1 ใน 3 ของผู้ใช้ IE ก็เป็นเวอร์ชั่น 6 ซะด้วยสิ (แต่ IE7 ก็มี bug เกี่ยวกับ float มิใช่เล่น) ถ้าให้แก้ CSS ก็ต้องไล่ดู Markup ใหม่ทั้งหมด เป็นงานที่สูญเสียเวลาโดยใช่เหตุ แต่ก็ต้องทำ จำใจ...

แอบดูการรื้อดีไซน์ของ drupal.org

Watching Drupal.org Redesign


Drupal Redesign Iterartion #7 | Homepage

คงพูดได้เต็มปากว่า ในบรรดา Open Source CMS ชั้นนำของโลก เว็บไซต์ของชาว Drupal หน้าตาเชยสุดๆ แม้ drupal จะเป็น CMS ที่เปี่ยมประสิทธิภาพและวางใจได้มากๆ (ปีนี้ 2008 ได้ 2 รางวัลควบเลยทีเดียว) แต่หลายคนก็กลัวที่จะใช้ drupal เพราะหน้าตามันข่มขู่ผู้ใช้งานไม่น้อย จำได้ว่าตอนที่ผมหัดใช้และติดตั้ง drupal ครั้งแรกๆ ก็ เอ๋อรับประทานไปเลย! ไปไหนไม่ถูกจริงๆ เพราะ User Interface ที่ยากต่อการสร้างความคุ้นเคย ถึงขนาดไม่กล้าคลิ๊กสุ่มสี่สุ่มห้าเลยทีเดียว ถ้าให้เทียบกับ ui ของ Wordpress ก็คงบอกได้ว่าเป็น Godzilla กับ Kitty! (คงไม่ต้องบอกมั้ง ว่าอะไรเป็น Godzilla หรือ Kitty ?)

Ohweb.info Redesign

ช่วงนี้กำลัง redesign ให้ Ohweb.info ซึ่งไม่ใช่งานง่ายซักเท่าไหร่ เพราะเป็นเว็บไซต์ที่มีเนื้อหาพอสมควรอยู่แล้ว แม้จะเป็น Drupal ที่ผมคุ้นเคย แต่ก็มีโมดูลหลายตัวที่ต้องแก้รูปลักษณ์อินเตอร์เฟสใน CSS หลังจากวางเลย์เอาต์คร่าวๆ เป็น HTML + CSS แล้ว ผมใช้วิธีเคลียร์โค้ดเดิมทิ้งไปก่อน ให้มันเหลือแค่เนื้อหาเพียวๆ จากนั้นก็ค่อยไล่แก้ไปทีละตัว ซึ่งผมทำได้ช้ามาก ตอนที่ต้องพอร์ต HTML เป็น ธีมของ Drupal เพราะผมแยกไฟล์เทมเพลตสำหรับแต่ละโมดูลด้วย (เป็นครั้งแรกที่ผมรื้อไส้รื้อพุงของ Drupal ออกมาดู แต่ไม่ถึงกับเปลี่ยนอะไรในฟังชั่นการทำงานของมัน)

Grid Design and My Webzer

ผมกำลังทดลองผสมผสานหลักการหลายๆอย่าง เกี่ยวกับงานออกแบบเว็บไซต์ แรกเริ่มเดิมที ผมสนใจแนวการออกแบบของ Mark Boulton (คนเดียวกับที่กำลัง Redesign ให้กับ Drupal.org นั่นแหละ) ผมไม่ได้ชอบแนว Minimalism แต่เป็นเพราะพี่แกเนี้ยบมาก หลักการแน่นปึ้ก โดยเฉพาะแนว Grid Design ที่พี่แกย้ำนักย้ำหนา ว่าต้อง "วัด แล้วก็ วัด" ไม่มีมั่วแม้แต่พิกเซลเดียว สมกับที่เป็น Typographic Designer มาก่อนจริงๆ

Theme

Twitter Update

Restless Engine

Powered by Drupal, an open source content management system

Back to content. RSS