Announcement

ธีม Blognone 4.0 เป็นรุ่นแรกที่ผมและ mk ที่รู้ตัวดีว่าไม่มีปัญญาทำของสวยงามขอให้มืออาชีพเข้ามาช่วยอย่างที่เราได้ประกาศไปแล้วว่าคนที่ทำหน้าที่ออกแบบคือคุณ imenn ซึ่งได้ออกแบบจนเสร็จไปแล้ว มาตอนนี้ก็ถึงเวลาทำตัวออกแบบให้เป็นของจริง หน้าที่นี้ตกเป็นของคุณ winggundamth สมาชิกของเรานั่นเอง

ก่อนที่จะติใดๆ ผมบอกก่อนเลยครับว่าธีมนี้คุณ winggundamth ยืนยันกับผมว่า "ยังไม่เสร็จ" และเป็นผมเองที่ยืนยันว่าจะเอาขึ้นทันทีที่มันพอจะใช้งานได้แล้ว ดังนั้นผมตระหนักดีว่าปัญหามันจะค่อนข้างมากสักหน่อย

ที่ผมตัดสินใจเช่นนั้นเพราะผมเชื่อว่าเป็นหน้าที่ของชาว Blognone ทุกคนที่จะช่วยเก็บรายละเอียดทั้งหมดอีกครั้ง ดังนั้นการรายงานปัญหานี้จะเป็นการรายงานปัญหาแบบ "ช่วยกันทำงาน" นะครับ โดยผมต้องการรายละเอียด__พื้นฐาน__ดังนี้

  • เบราเซอร์อะไร รุ่นใด บอกให้ชัดเจนครับ
  • ถ้าเป็นปัญหาธีมเละ ขอภาพ Capture ด้วย__เสมอ__
  • ถ้าเป็นปัญหา UI ใช้ยาก ดูยาก ชวนกดผิด ฯลฯ ขอทางแก้ไขอย่างละเอียด หรือ mock up

ตอนนี้มีปัญหาบางข้อที่เรารู้แล้วนะครับ

  1. ช้าลง เนื่องจากธีมใหม่ใช้ views อย่างหนัก เรากำลังเตรียมใช้งานระบบ AuthCache เพิ่มเติมหลังจากที่แก้ปัญหาทั้งหมดเสร็จลงแล้วครับ จะได้ไม่เจอปัญหาตีกันเอง
  2. คอมเมนต์ใน live coverage เละ กำลังแก้ไขอีกครั้งนะครับ
  3. comment ใหม่ยังไม่เปลี่ยนสี + ไม่สามารถกดลิงก์ไปคอมเมนต์ใหม่ได้ กำลังดูตรงนี้กันอยู่ครับ

UPDATE: 2010/05/21 21.44 ตอนนี้เพิ่มระบบ Cache ใหม่เข้ามาแล้วนะครับ น่าจะแก้ปัญหาความเร็วได้บางส่วน ยังไงช่วยรายการกันดูครับ

Hiring! บริษัทที่น่าสนใจ

Carmen Software company cover
Carmen Software
Hotel Financial Solutions
Next Innovation (Thailand) Co., Ltd. company cover
Next Innovation (Thailand) Co., Ltd.
We are web design with consulting & engineering services driven the future stronger and flexibility.
KKP Dime company cover
KKP Dime
KKP Dime บริษัทในเครือเกียรตินาคินภัทร
Kiatnakin Phatra Financial Group company cover
Kiatnakin Phatra Financial Group
Financial Service
Fastwork Technologies company cover
Fastwork Technologies
Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน
Thoughtworks Thailand company cover
Thoughtworks Thailand
Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน
Iron Software company cover
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
CLEVERSE company cover
CLEVERSE
Cleverse is a Venture Builder. Our team builds several tech companies.
Nipa Cloud company cover
Nipa Cloud
#1 OpenStack cloud provider in Thailand with our own data center and software platform.
Bangmod Enterprise company cover
Bangmod Enterprise
The leader in Cloud Server and Hosting in Thailand.
CIMB THAI Bank company cover
CIMB THAI Bank
MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank
Bangkok Bank company cover
Bangkok Bank
Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking
MuvMi (Urban Mobility Tech Co.,Ltd.) company cover
MuvMi (Urban Mobility Tech Co.,Ltd.)
Shape the future of urban mobility towards affordable, clean, and safe solutions
T.N. Digital Solution Co., Ltd. company cover
T.N. Digital Solution Co., Ltd.
TNDS has been involving in every first move of banking’s major digital transformation.
KBTG - KASIKORN Business-Technology Group company cover
KBTG - KASIKORN Business-Technology Group
KBTG - "The Technology Company for Digital Business Innovation"
Siam Commercial Bank Public Company Limited company cover
Siam Commercial Bank Public Company Limited
"Let's start a brighter career future together"
Icon Framework co.,Ltd. company cover
Icon Framework co.,Ltd.
Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก
REFINITIV company cover
REFINITIV
The Financial and Risk business of Thomson Reuters is now Refinitiv
H LAB company cover
H LAB
Re-engineering healthcare systems through intelligent platforms and system design.
The Gang Technology Co., Ltd. company cover
The Gang Technology Co., Ltd.
We're a Digital Agency that helps our customers transform their business into digital with ease.
LTMH company cover
LTMH
LTMH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
Seven Peaks company cover
Seven Peaks
We Drive Digital Transformation
Wisesight (Thailand) Co., Ltd. company cover
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure
MOLOG Tech company cover
MOLOG Tech
We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.
Data Wow Co.,Ltd company cover
Data Wow Co.,Ltd
We enable our clients to realize increased productivity by solving their most complex issues by Data
LINE Company Thailand company cover
LINE Company Thailand
LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call
LINE MAN Wongnai company cover
LINE MAN Wongnai
Join our journey to becoming No.1 food platform in Thailand

lingjaidee Fri, 21/05/2010 - 08:12

Chrome 4.1.249.1064 (45376) / windows XP sp3

  • ภาพ spread blognone และ copyright notice ด้านล่างเพจไม่ขึ้น
  • Avatar ไม่ขึ้น
  • Custom Search เป็น Bad Request
  • เมนู Edit comment ตัวเองขึ้นบ้าง ไม่ขึ้นบ้าง
  • บางครั้ง link Edit comment ขึ้นที่ comment คนอื่น แต่หลังกดแล้ว page not found
  • สวยขึ้น น่าใช้ขึ้น แต่ก็แอบเสียดายแบบเก่าๆ เชยดี 55 ;)

    ตะกี้โพสแล้ว comment ไม่ขึ้น.. เลยลองโพสซ้ำ ก็ยังไม่ขึ้น
    เลยต้อง ReFresh พบว่าขึ้นมาครบ แต่ Column ขวา หลุดไปอยู่ด้านล่างเฉย .. -_-'

    mr_tawan Fri, 21/05/2010 - 02:41

    บน FireFox 3.6.3 ก๊อปมาจากอันที่โพสต์ใน Forum

    บน Chrome ก็เป็นแบบนี้เหมือนกันครับ จะเห็นว่า ตอนที่ไม่ได้ login นั้นดูเลยทีเดียว แต่พอหลัง login แล้วเละครับ

    มารายงานว่าเจอด้วยครับ

    เสริมว่า เท่าที่ผมลองเปิดดู มีบางหน้าไม่เละ ที่เจอแล้วมีหน้าข่าว Chrome Web Store (16351) ส่วนหน้า live update แถบข้างปกติครับ

    Chrome 5.0.307.11 beta ไม่ได้เก็บ screenshot เพราะเหมือนของคุณ mr_tawan ครับ

    chayaninw Fri, 21/05/2010 - 04:00

    In reply to by mr_tawan

    ลองเปิดๆ ดูย้อนหลังแล้วครับ

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

    banky118 Fri, 21/05/2010 - 03:31

    Safari 4.0.5 และ Firefox 3.6.3 บน Mac OSX 10.6.3

    • ก่อนจะ Login แสดงผลส่วน Comment ได้ถูกต้อง พอ Login แล้วจะเละครับ


    ข้อความน้อยไป ทำให้รูปเลยเส้นขอบมาครับ


    ไม่รู้เป็นเพราะอะไร(เหมือนผมเป็นอยู่คนเดียว) จะเป็นแค่ตอนล็อกอิน แล้วแค่เพจนี้อะครับ งงๆ
    แต่ถ้าใช้แบบ theme 3.0 ปกติครับ ^^"

    wegang Fri, 21/05/2010 - 09:55

    Firefox 3.6 / Ubuntu / Pentium4

    1 ช้ามาก เข้า blognone ไม่ได้ ต้องมาคอมเมนท์ที่เครื่องอื่น
    2 bullet ไม่ขี้น
    3 รูปตรงคอมเมนท์ตกไปด้านข้าง
    4 sidebar ไปอยู่ด้านล่างเฉยเลย
    5 comment เละ

    (ก่อน login)ดูมันเบอะๆ เหมือนหม้อหุงข้าวเตาถ่านในงานวัดยังไงไม่รู้ ดูใหญ่โตแต่โหรงเหรง
    (หลัง login) แสดงผลเห่ยมาก กดรีเฟรซหลายรอบแล้วไม่หาย ดีเลย์มาก ตรงที่มันเพี้ยนแยกไม่ออกเลยว่าอันไหนใครโพสต์

    Firefox 3.0.18/XP

    ใส่รูปตรงไหนหว่า

    ใช้ Chrome ครับ มีปีญหา หน้ามันผิดรูปไปครับ หลังคอมมเม้นที่ 3 ไป กรอบของคอมเม้นจะไม่มี
    และ ตั้งแต่ส่วนของ User ไปจะลงมาอยู่ด้านล้างของคอมเม้น

    ผมอยากได้ Login or Register to post comment ที่เคยอยู่ใต้คอมเมนต์คืนมาอ่ะครับ
    มารายงานปัญหาคอมเมนต์มั่วหลังล็อกอินด้วยคนครับ
    ภาพหน้าจอ
    Chrome 5.0.375.38 beta, Safari 4.0.5 (6531.22.7), Firefox 3.6.4 รันบน Mac OS X 10.6.3 ครับ

    BlackMiracle Fri, 21/05/2010 - 12:34

    นี่ครับ ผู้เกี่ยวข้องรบกวนคลิกเข้าไปดูหน่อยนะครับ อัดมาเป็นวิดีโอจะได้เข้าใจได้ดีกว่า Capture หน้าจอ

    http://www.youtube.com/watch?v=89VAWS2e2FU

    darkleonic Fri, 21/05/2010 - 12:54

    firefox 3.6.4 Beta
    ในหน้าด้านใน ตัวหนัวสือของ comment ชิดขอบซ้ายทั้งหมด

    ripmilla Fri, 21/05/2010 - 12:59

    Firefox 3.6.3
    Windows 7
    เหมือน

    มันเพี้ยนๆครับ มันไม่เรียงกัน ตอนนี้ กรอบมันไล่ลงมาเป็นแนวตั้งหมดเลย
    หน้าเว็บยาวปริ๊ดเลย

    มีปัญหากับ bullet ในหน้าแรกครับ

    browser ที่พบปัญหา firefox 3.6.3 / windows 7 64bit chrome 6.0.408.1 / windows 7 64bit nexus one webkit browser (rom cm 5.0.6) / android 2.1

    หน้า Comment เละมากครับ และโหลดช้ามากถ้าใช้ Opera 10.53 Mac OS X 10.5.8 แต่พอใช้ Safari 4.0.5 เละ แต่มันหยุดโหลดครับ

    ถ้าไม่ได้ Log in เข้ามาดูหน้า Comment จะปกติดีทั้ง Opera และ Safari

    หน้า Comment เหมือนจะปกติแล้ว Chrome 4.1.249.1064/Win 7 64
    Update เละเหมือนเดิมอีกแล้ว

    เส้นกราฟ Poll ดูไม่ค่อยดี แนะนำให้เปลื่ยนสี หรือลดความหนาลง

    ช่อง Google Custom Search น่าจะยาวกว่านี้ คำว่า "Google Custom Search" จะได้แสดงผลครบ ไม่ขาดหายครับ

    winggundamth Fri, 21/05/2010 - 17:23

    ChangeLog (2010/05/21 16:23)

    • แก้ปัญหาเรื่อง Comment เละแล้ว
    • ทำ Bullet สำหรับเนื้อหาข่าว
    • แก้ปัญหารูปลอยถ้าเนื้อหาข่าวสั้นเกินไป
    • แก้ไขรูป Footer ด้านล่าง
    • แก้ไขให้ใช้ธีมเก่าได้ โดยล็อคอินแล้วไปที่ My account เลือก Edit และเลือกธีม blognone3
    • เพิ่ม style สำหรับส่วนของ Message
    • เพิ่ม permalink สำหรับ comment
    • แก้ไขปัญหาถ้ามี tag ยาวเกิน จะขึ้นบรรทัดต่อไปไม่ถูกต้อง

    เดี๋ยววันพรุ่งนี้มาต่อ bug ที่เหลือครับ :)

    sarapuk Fri, 21/05/2010 - 19:41

    Chrome 4.1.249.1064 /Windows 7

    คลิกที่ Jobs ,Press release ตัว label อยู่ที่ Forum ที่เดียว

    เวลาคลิกที่ new comment จากหน้าหลักมันไม่เลื่อนมาที่ new comment ครับ

    Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.2.3) Gecko/20100423 Ubuntu/10.04 (lucid) Firefox/3.6.3

    ที่ผมเจอตอนนี้ (หลังจากมีการปรับปรุงธีมใหม่อย่างต่อเนื่อง)

    อาการ 1
    เมื่อ auto complete ตรงช่องให้พิมพ์แท็กข่าวทำงาน ไม่แสดงผล ณ จุดเริ่มต้น textbox ทำให้ยังเห็นพื้นหลังใต้ auto complete อยู่ ดังภาพข้างล่าง

    เบราว์เซอร์ที่พบ: IE8, Firefox 3.6.3

    อาการ 2
    การแสดงผลคำว่า Create content ผิดเพี้ยน (ดูภาพข้างล่าง)

    เบราว์เซอร์ที่พบ: IE8 (ทุกหน้า), Firefox 3.6.3 (บางหน้า)

    AbandonPhuwan Fri, 21/05/2010 - 21:05

    Threaded Comment ปกติเป็นแบบนี้อยู่แล้วรึเปล่าครับ?

    ถ้าปกติ ผมคิดว่า ให้ลอยอยู่ตรงกลางคอมเมนท์ที่รีพลาย น่าจะดีกว่าครับ (คือมีขอบมนทั้งสี่ด้าน อธิบายไม่ค่อยถูกครับ แฮะๆ)
    ถ้าไม่ ผมใช้ Chrome 5.0.375.53 beta บน Mac OS X 10.6.3 ครับ

    Zatang Fri, 21/05/2010 - 21:55

    เละ + ช้า เลยเปลี่ยนมาเป็นธีมเก่า ไม่งั้นอ่านไม่รู้เรื่องเลยครับ เอาใจช่วยให้แก้ได้ครับ

    AlninlA Sat, 22/05/2010 - 00:10

    • Reply thread - ชอบมาก
    • ไสตล์แบบนี้ การใช้สี มุมมน ช่องไฟ เหมือนกับที่ใจต้องการเลย

    winggundamth Sat, 22/05/2010 - 00:38

    ChangeLog (2010/05/21 23:38)

    • แก้ปัญหารูปลอยถ้าเนื้อหาข่าวสั้นเกินไปของหน้าแสดง topics
    • เพิ่ม Press Releases ที่ Sidebar
    • เพิ่ม Upcoming ที่ Sidebar
    • ใช้งาน Google CSE ได้แล้ว
    • แก้ไขปัญหา Bullet แสดงในบางที่ที่ไม่ต้องการ
    • ปรับ live event ให้เข้าธีมแล้ว
    • ปรับ tabs ให้เว้นระยะห่างน้อยลง (รอคุณเม่นมาจัดการในส่วนนี้อีกทีหนึ่ง)
    • แก้ปัญหา Autocomplete แสดง li ไม่ถูกต้อง
    • แก้ปัญหา Create Content ตกบรรทัดใหม่ใน IE8 (เพิ่มพื้นที่แสดงผลอีก 8px)
    • เพิ่ม margin ระหว่าง comment อีกนิด

    ปล. เริ่มมีความรู้สึกว่าอาจจะต้องมีเวอร์ชันธีมกันซะแล้ว :P

    • เวอร์ชันแรก Blognone 4.0 Alpha 1 และ Alpha 2
    • ถ้าตอนนี้คงเป็น Blognone 4.0 Beta 1

    input format ทับปุ่ม Safari, Chrome เวอร์ชั่นล่าสุดบน Mac ส่วน Firefox ไม่เป็นไร

    nblue Sat, 22/05/2010 - 23:15

    In reply to by xxa

    Chrome/Mac เป็นแบบนี้เหมือนกัน
    แต่ของเราหนัก เพราะกด Save ไม่ได้เลย
    ต้องกดให้ Input Format มันหล่นลงมาก่อน แล้วตามไปกด Save ข้างล่าง

    kurosame Sat, 22/05/2010 - 12:32

    1. คอมเมนต์ที่โพสรูปใหญ่ๆจะล้นกรอบ

    1. กรอบ Preview คอมเมนท์ ไม่มี padding

    เป็นบน Chrome 6.0.408

    อยากให้มี "read more" เฉพาะเนื้อหาข่าวที่มีต่อด้านในครับ (เหมือนเวบเก่า)

    ตอนนี้มี "read more" ทุกข่าวเลยครับ เผลอกดเข้าไปอ่านต่อทุกที ขอบคุณมากครับ :)

    winggundamth Sat, 22/05/2010 - 16:45

    Change Log (2010/05/22 15:45)

    • แก้ไข page ธรรมดาให้แสดงผลเข้าธีมแล้ว
    • แก้ไขหน้า create content ให้ดูดีขึ้น
    • แก้ไข input format ซ้อนกับปุ่ม save preview บน mac
    • แก้ไขให้ read more ไม่แสดงถ้าไม่ได้ break ข่าว

    ไว้มาต่ออีกทีนะครับ

    ไม่รู้ออกความเห็นทันไหม

    แต่อยากให้แต่ละคอมเมนต์มีช่องว่างระหว่างกันซักหน่อย เวลาอ่านแล้วติดกันเป็นพรีดๆ ไม่มีระยะห่างระหว่างเราเลย

    winggundamth Sun, 23/05/2010 - 00:43

    Change Log (2010/05/22 23:45)

    • แก้ให้จำนวนผู้อ่านอยู่ขวาสุดถ้าไม่มี readmore...
    • พยายามทำให้ผ่าน W3C XHTML 1.0 Strict ให้มากที่สุด
    • ปรับ padding ของ thread comment ให้อ่านง่ายขึ้นอีกหน่อย
    • แก้ไขปัญหาเปิดปิด div ในกรณีที่มี thread ซับซ้อน (ดูตัวอย่างจากข่าวนี้)
    • เพิ่มปุ่ม delete comment สำหรับผู้ที่มีสิทธิ์
    • ปรับแต่งขนาด comment ระหว่างเนื้อความกับปุ่มทางด้านขวา
    • เพิ่มขีดเส้นใต้ตัวอักษรสำหรับ a:hover ชั่วคราว (รอคุณเม่นมาทำส่วนนี้อีกที)

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

    Header

    ความรู้สึกแรกกับ header คือมันใหญ่เกินความจำเป็นครับ ยิ่งกับปัจจุบันที่ widescreen เป็นที่นิยม ปริมาณ pixel ด้านแนวตั้งจึงจำเป็นต้องใช้อย่างประหยัด ถ้านับว่าความสูงในตอนนี้คือ 155px บนจอ 1440x900 ก็จะอยู่ที่เกือบๆ 20% ยังไม่รวม browser chrome, taskbar, toolbar และอื่นๆ อีก ซึ่งสุดท้ายแล้วพื้นที่กว่า 40% อาจจะต้องเสียให้กับ UI ที่ไม่ใช่เนื้อหาหลัก

    แต่เข้าใจว่าต้องการแปะแบนเนอร์โฆษณาด้านบน ทำให้ไม่น่าจะปรับแต่งอะไรได้เยอะ ปุ่ม search ด้านขวาก็ค่อนข้างจะดึงสายตาเกินควรส่วนหนึ่งน่าจะมาจากแบคกราวด์ของปุ่ม เท่าที่ทำได้ในส่วนนี้น่าจะมี

    • ลดขนาดฟอนท์ตรงส่วนของ navigation bar ลงมา
    • ลดขนาด padding ของทั้งแบนเนอร์และ navigation ลงตาม
    • ปรับปรุงปุ่ม search เปลี่ยนเป็นไอค่อนเรียบๆ แทน

    Featured

    ผมคิดว่าดีไซน์ตรงนี้ค่อนข้างจะ overdone ไปนิดนึงจนทำให้ดูยาก (ตอนเปิดเข้ามาครั้งแรกแล้วทำเอามึนไปพักนึง) ถึงแม้จะเนื้อหาตรงนี้จะเป็น "ปักหมุด" แต่โดยตัวมันแล้วก็ยังเป็นเนื้อหาประเภทเดียวกับด้านล่าง ดังนั้นก็ไม่น่าจะดูโดดจนเกินไป ทางแก้ไขที่คิดออกมีตามนี้ครับ

    • ลดการใช้สีลงเช่นเอาพื้นเหลืองออก
    • ปรับสีเหลืองที่ใช้ให้อ่อนลงอีกนิด

    Entries

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

    • รวบส่วนของ metadata กับ title เข้าเป็นกลุ่มเดียวกัน
    • ลดขนาด padding ลงเล็กน้อย

    ปลีกย่อย

    • เหมือนจะเคยจำได้ว่าเว็บนี้ไม่สนใจ IE6 ถ้างั้นโลโก้น่าจะเป็น PNG โปร่งใสมากกว่า
    • ตัวคอมเมนท์น่าจะใส่ img { max-width: 600px; } ให้มันย่อภาพไม่หลุด layout
    • เพิ่ม text-shadow: 0 -1px 0 #000; ตรง title ของ entry จะทำให้สวยขึ้น

    ตอนนี้ขอแค่นี้ก่อนครับ เดี๋ยวค่อยมาต่อเรื่อง comment thread, sidebar ด้านขวามือ และส่วนอื่นๆ ครับ

    Edit แนะนำให้หาวิธี reset markup ตรงส่วนเนื้อหาด้วยครับ ไม่งั้นเวลาใช้ h1, h2 แล้วมันจะเพี้ยน (แบบคอมเมนท์นี้)

    ถ้าหากเขียน CSS โดยเลี่ยงการเซ็ทไปที่ HTML element ตรงๆ นอกจากจะเป็นสไตล์สำหรับ element นั้นๆ มันก็ไม่มีปัญหาครับ เช่นแทนที่จะเขียน #content h1 { background: #999; color: #eee; } ก็เขียนเป็น #content h1:first-child ไม่ก็ #content h1.title แทน

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

    ถ้าผมจำไม่ผิด default CSS ของ Drupal แทบทั้งหมด (ยกเว้นฟอร์ม) จะใช้วิธีนี้ ถ้าหากมันเพี้ยนส่วนมากจะเกิดจากธีมที่ใช้ครับ

    พอดูจนชินแล้วมันก็รู้สึกว่าไม่ได้ overdone อะไรเหมือนกันครับ แต่ตอนเปิดมาครั้งแรกนี่อิมแพครุนแรงมาก อย่างน้อยก็อยากให้ลดความเหลืองลงอีกขั้นนึง…

    b98se Sun, 23/05/2010 - 12:32

    แบ่งหน้า comment ด้วยก็ดีน่ะครับ สัก 50 comment ต่อก็กำลังดี

    ดีไซน์ในส่วนของ thread เข้าใจว่าต้องการจะขจัดปัญหาให้มันสามารถซ้อนได้หลายๆ ชั้นโดยไม่ต้องกังวลว่าเลย์เอาท์จะพัง แต่ปัญหาในตอนนี้คือก่อนที่มันจะซ้อนถึงขั้นนั้น thread มันจะ complex จนอ่านไม่รู้เรื่องเอาซะก่อน (ดูได้จาก #178794 ที่ไล่สายตายากมาก!)

    ผมคิดว่าในกรณี thread แบบนี้ควรแสดงให้มันเป็น tree ตามแบบเดิมของธีมเก่ามากกว่าครับ ถึงแม้ว่าจะมีปัญหาเรื่อง thread ลึกๆ แต่อย่างน้อยมันก็จะไล่สายตาอ่านง่ายกว่า แล้วค่อยหาวิธีแก้จากตรงนั้นเอา เช่นเขียน plugin ขึ้นมาซักตัว (ภาพตัวอย่างจาก Reddit)

    ที่อยากแนะนำตรงนี้ก็

    • เลิกใช้วิธีแสดง area ของ thread ด้วยการสลับสไตล์
    • เปลี่ยนกลับไปแสดงเป็น tree ด้วย margin ด้านซ้ายเหมือนเดิม
    • ย้ายปุ่ม Reply กับ Edit ไปไว้ขวาบนของ post title

    ผมว่า Layout ของ Threaded Replies ปัจจุบันมันงงเพราะว่ามันขาดช่องว่างระหว่าง Reply ระดับแรกน่ะครับ

    ย้ายปุ่ม Edit กับ Reply ได้ไปจุดที่คุณ sirn แนะนำน่าจะดีนะครับ ตอนนี้มันดูหลุดออกมาจาก Theme อย่างไรไม่รู้

    หน้า Reply ดูเหมือน Layout จะขาดหายไปด้วยเหมือนกัน

    ผมจะกดดู Recent Posts ปรากฏว่ามัน Redirect กลับหน้าแรก

    พร้อมกับเลี่ยนชื่อ User ผมเป็นคนอื่นเหมือนกันครับ กลายเป็นคุณ Toncrub บ้าง Chaiinn บ้าง

    แต่พอกด Reply จะ Comment ก็กลับมาเป็น User ผมตามปกติครับ

    ใช้ Chrome ครับ

    อันนี้เห็นว่าต่างจากคอมเม้นแรก เลยรู้ว่าเป็น Bug ครับ Blognone bug

    ส่วนอันนี้คำว่า Search มันโดนบังไปหน่อย ไม่รู้จะถือว่า Bug หรือเปล่าครับ Blognone bug

    Safari 4 , Firefox 3.6 Mac OS X

    หน้าแรกปกติดี แต่พอกดอ่านข่าว มันจะโหลดไม่เสร็จซักที ช่องด้านขวาและด้านล่างไม่ยอมโผล่ ต้องรอเป็นเวลานานหลายนาทีถึงจะโหลดเสร็จทั้งหน้า ในขณะที่ธีมเก่าไม่เจอปัญหานี้

    หน้าแรกปกติดี แต่พอกดอ่านข่าว มันจะโหลดไม่เสร็จซักที ช่องด้านขวาและด้านล่างไม่ยอมโผล่ ต้องรอเป็นเวลานานหลายนาทีถึงจะโหลดเสร็จทั้งหน้า ในขณะที่ธีมเก่าไม่เจอปัญหานี้

    Firefox 3.6.3

    ไม่แน่ใจว่าจะแก้ธีมเว็บควบคู่กับ mobile theme ด้วยเลยรึเปล่า ถ้ายังไงฝากไว้พิจารณาด้วยนะคะ

    เริ่มแรกคือ สมัยก่อนมันจะมีtheme คล้ายๆแบบบนเว็บนะค่ะ แต่ตอนนี้เจอแต่ text สีดำ ลิงค์สีน้ำเงิน และbackgrooundสีขาว แค่นั้นนะค่ะ คือ เหมือน theme มันโหลดไม่ได้หรือยังไงไม่แน่ใจค่ะ

    แล้ววันนี้ลองเปิดอีกที ก็เจอ warning ตามนี้ค่ะ

    warning: require_once(modules/ctools/page_manager/plugins/tasks/node_view.inc) [function.require-once]: failed to open stream: No such file or directory in /home/www/vhosts/blongnone.com/subdomains/m/httpdocs/includes/menu.inc on line 346

    แล้วก็พอจะกดเข้าไปดูเนื้อหาข่าว ก็เข้าไม่ได้ ไม่รู้เป็นเพราะ wifi เราหรือมือถือเราไม่ดีด้วยรึเปล่า ถ้ายังไงฝากคนอื่นๆลองกดดูหน่อยนะคะว่ากดกันได้ไหม ><

    สุดท้าย หาเมนู login ไม่เจอค่ะ = ="

    เราใช้ Nokia E63 browserของ Nokia เปิดนะค่ะ แต่เครื่องมันอาจจะไม่ค่อยดีก็ได้ ถ้ายังไงฝากคนอื่นๆช่วย check ด้วยนะคะ ^^"

    ปล. เนื่องจากไม่ได้ลงโปรแกรม Capture หน้าจอไว้ ต้องขออภัยด้วยค่ะเลยไม่มีภาพประกอบ ^^"

    จัดให้ครับ แต่เป็นภาพจาก 5800XpressMusic เข้าจาก Edge นะ

    อันนี้ภาพจาก Browser มาตรฐานติดมากับเครื่อง

    เข้ารอบสองเจอ Error จริงๆ ด้วย

    เข้าลิงค์ข่าวมี Pop-Up เตือน Internet Reply Unknown อันนี้ cap มาไม่ทันครับ

    ------------------------------------------------------------

    อันนี้ภาพจาก Opera Mobile 10 (แต่ปกติผมใช้ Opera Mobile 10 เข้าหน้าเต็ม ไม่มีปัญหาอะไร)

    เข้ารอบสองก็เจอ Error เหมือนกัน

    เข้าลิงค์ข่าวก็ฟ้องหา Address ไม่เจอครับ

    ยอดเลยค่ะ เพิ่งลงโปรแกรมและ captureมาแต่เห็นมีคนลงให้แล้วก็ไม่ลงละกัน เห็นcommentของคุณ mk บอกว่าจะแก้ทีหลัง

    ขอบคุณนะคะ แถมลองกับOpera ให้ดูด้วย ^^ ปกติไม่ค่อยใช้browserอันอื่นเท่าไหร่ 55

    ตอนนี้แยกแยะไม่ออกว่าอันไหน reply ใหม่ อันไหน อ่านไปแล้ว
    เมื่อก่อนที่ไม่ได้อ่านจะเป็นสีเขียว Theme ใหม่มา อ่านลำบากมากครับ

    ที่คิดว่าควรเพิ่ม
    reply ใหม่เหมือนธีมเก่าคือเป็นสีเขียว
    เพิ่มช่องว่างระหว่างแต่ละ reply ในชั้นแรก(สัก 7 px ก็น่าจะพอมั้ง)

    โดยรวมแม้จะดูสวยดี
    แต่รู้สึกอึดอัด ผ่านมาหลายวันก็ยังไม่ชินครับ

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

    ถ้าจะเก็บแถบสีไว้ อยากแนะให้ทำสีให้อ่อนลงมาก ๆ
    และปรับขนาดของแถบให้ผอมลงอีก และหาทางป้องกันไม่ให้ล้นบรรทัดด้วย
    ถ้าเอาแถบสีออกไปเลยได้ จะยิ่งดี

    ส่วนตัวแล้ว ผมชอบแบบเดิม แม้จะเหมือนไม่มีดีไซน์แต่มันโปร่ง
    ให้ความรู้สึกเป็นมิตรกว่า ดู geek กว่าด้วย

    less is more

    เพิ่มเติม: ปุ่ม Save Preview บางทีกดไม่ลง (Chrome บน Win7)
    และตอนพรีวิวคอมเมนต์ก่อนโพสต์ มันแสดงผลไม่เหมือนกับความเห็น
    คิดว่าคงยังทำไม่เสร็จดี ตรวจสอบด้วยนะครับ

    ผมขอสรุปสั้นๆ ว่ากระบวนการปรับแต่งธีมจะเป็นยังไงต่อไปนะครับ

    • ช่วงนี้ถือเป็น design freeze คือ "หน้าตา" นั้นจะไม่มีอะไรเปลี่ยนจากดีไซน์ต้นแบบที่คุณ @iMenn ออกแบบมาให้ และรับฟังประชาพิจารณ์ไปแล้ว
    • การปรับแก้จะทำในเชิง functional หรือ "การทำงาน" เท่านั้น คือ แก้ปัญหาการใช้งาน (เช่น กดปุ่มคอมเมนต์ลำบาก, ยังไม่มีตัวแสดงสีของคอมเมนต์ใหม่) หรือการแสดงผลผิดเพี้ยน (เช่น เส้นขอบหาย) เท่านั้น
    • เมื่อธีมเวอร์ชัน 4.0 เสร็จสมบูรณ์แล้ว จึงจะเข้าสู่การปรับแก้ดีไซน์ครั้งที่ 1 (ธีม 4.1) ต่อไปครับ โดยจะนำคอมเมนต์จากหลายๆ ท่านในที่นี้ และเปิดรับคอมเมนต์ทั่วไปอีกครั้งหนึ่ง ว่าอยากให้แก้ไขอะไรกันบ้าง

    อีกประเด็นคือ ธีมสำหรับ mobile

    • จะมีการปรับหน้าตาให้เข้ากับธีมของเว็บหลักแน่นอน แต่รอธีมหลักสมบูรณ์ก่อน
    • ส่วนที่หน้าเว็บกลายเป็นสีขาว ธีมไม่ขึ้น อันนี้เป็นบั๊กของระบบ และจะทำการแก้ไขต่อไป

    ผมว่าปุ่ม Read more มันเริ่มชวนกดผิดอย่างไรก็ไม่รู้ เพราะว่าเดี๋ยวนี้ BN มีข่าวที่มีรูปหรือเนื้อหาเพิ่มเติมมากกว่าที่เคยเปิดมา การที่ปุ่ม Read more มันอยู่ทางขวาล่างของ Entry ทำให้เกิดความเคยชิน เมื่อมาเจอข่าวที่มันไม่มีให้ Read more ผมชอบเลื่อนเมาส์ไปมุมขวาล่างของ Entry โดยอัตโนมัติ แต่มันกลับเป็น XXX reads แทน

    มีวิธีให้ปุ่ม Read more หรือ XXX reads มันอยู่คงที่ถาวรไม่ว่าข่าวมีให้ Read more หรือไม่ไหมครับ? ไม่ต้องสลับที่กันไปมา คือเมื่อไม่มี Read more ก็ให้ปุ่ม Read more มันหายไปเลยไม่ต้องแสดงออกมา แต่ไม่ต้องย้าย XXX reads ไปอยู่ด้านขวา

    คิดว่าอย่างไรครับ มีใครมีปัญหาเหมือนผมไหม หรือผมแปลกอยู่คนเดียว

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

    • เรื่อง Thread Comment สรุปจากคุณ mk บอกข้างบนว่า จะไม่มีการเปลี่ยนแปลงไปจากรูปแบบที่เป็นอยู่ตอนนี้แล้วนะครับ เพราะมีการเปิดประชาพิจารณ์ธีมไปแล้ว และจะเปิดรับความคิดเห็นอีกครั้งในเวอร์ชัน 4.1 ครับ

    • การเปลี่ยนแปลงบางส่วนต้องรอคุณเม่นมาช่วย เช่น ส่วนของ a:hover หรือการใช้สีในส่วนต่างๆ หรือ tab design เพราะผมไม่ได้รับผิดชอบในส่วนนี้และไม่มีหัวทางด้านนี้จริงๆ ครับ T_T

    • เรื่อง unread/read comment กับข่าวจะพยายามแก้ให้เร็วที่สุดเป็นอันดับแรกครับ

    • ส่วนที่คิดว่าจะแก้ไขเพิ่มเติมมีดังนี้ครับ

      • เอาจำนวนผู้อ่านข่าวมาวางไว้ตรงกลางเหมือนเดิม (หรือชอบแบบปัจจุบันก็บอกไว้ได้นะครับ)
      • ถ้ายังไม่ได้ล็อคอินจะขึ้น Pleaes login to comment ขึ้นมาที่หน้าข่าว
      • ฟอรัมเรียงลำดับตามคอมเมนท์ล่าสุด
      • ทำธีมในส่วน Comment ที่ยังไม่ได้ทำ เช่น reply, preview comment
      • ให้อ่าน Avatar จาก picture ของ user ด้วย
      • แก้ปัญหาเมนูหลักข้างบน select ไม่ถูกที่
      • input format กับ save preview ซ้อนกันบนแมค (ผมไม่มีแมคทดสอบ T-T ใครก็ได้ช่วยดูเรื่อง CSS ตรงนี้ให้ผมก็ดีนะครับ ><)

    สิ่งที่ไม่ทำ (ไม่นับรวมดีไซน์ที่เป็นหน้าที่คุณเม่น)

    • แบ่ง comment เป็นหน้าๆ เพราะจะทำให้ thread แสดงผลเละ (หรือถ้าใครมี solution ตรงนี้ก็ยินดีครับ)
    • ขยายช่อง search เพราะว่าบน ubuntu ฟอนต์ใหญ่มาก เมนูจะชนกับช่อง search แล้วครับ

    ปัญหาที่ผมเจอแต่ยังไม่รู้วิธีแก้

    • หน้ารายละเอียดข่าวไม่ยอมโหลดคอมเมนท์ เหมือนติดโหลดที่ปุ่มแชร์ทวิตเตอร์หรือ Facebook นี่แหล่ะ และเกิดขึ้นแบบ random เหมือนเป็นที่ความเร็วเน็ตหรือความเร็วของเซิร์ฟเวอร์

    ปล.อยากให้คุณ mk เปิด poll ใหม่ ถามว่าชอบธีมใหม่ BN หรือไม่

    input format กับ save preview ซ้อนกันบนแมค (ผมไม่มีแมคทดสอบ T-T ใครก็ได้ช่วยดูเรื่อง CSS ตรงนี้ให้ผมก็ดีนะครับ ><)

    ไม่ได้เป็นแค่เครื่อง Mac นะ

    เครื่องผมใช้ XP กับ Chrome 4 ก็เป็นครับ

    อ่าน Comment ก่อนๆ เห็นว่า Safari กับ Chrome จะเป็นกันไม่ทราบว่าจะเกี่ยว Webkit รึเปล่า

    ป.ล. เอาใจช่วยครับสู้ๆ ^ ^

    Bluetus Tue, 25/05/2010 - 21:15

    [IMG]http://i12.photobucket.com/albums/a215/akrittasin/Screenshot2010-05-25at74234PM.png[/IMG]

    กด Save ไม่ได้

    [IMG]http://i12.photobucket.com/albums/a215/akrittasin/Screenshot2010-05-25at74234PM.png[/IMG]

    ต้องกด Input format ก่อนถึงจะกดได้ = =''

    Safari 4.0.5 บน Mac

    ลงรูปไงอะ

    ขอบคุณครับใช้ HTML รึนี่ =w=''

    มีคน Reply แล้ว Edit ไม่ไดเฮะ

    งั้นลงใหม่

    Photobucket

    กด Save ไม่ได้

    Photobucket

    ต้องกด Input format ก่อนถึงจะกดได้ = ='' Safari 4.0.5 บน Mac OS X 1.6.3