chrisadas.com

exteen.com review: implementation

เห็น มาร์ค กับ ลิ่ว เขียนถึง ทิศทางที่ exteen.com น่าจะพัฒนา ก็เลยลองมองๆ ดูจากมุมคนที่ไม่ได้ใช้ ว่ามีอะไรทำให้ดีขึ้นได้มั่ง ที่คิดจะเขียนเพราะคิดว่าเป็น blog คนไทยทำที่ดูเข้าท่าที่สุดแล้ว ที่ลิ่วกับมาร์คเขียนขึ้นมา ส่วนนึงเพราะ pantip เพิ่งเปิดบริการ BlogGang ด้วย เลยเป็นแรงผลักอีกอันนึง

eval นี่คงจะแยกเขียนซัก 3 ตอน ตอนแรกนี่จากสายตา web designer โดยยังไม่สนใจการใช้งานมากนัก (เพราะไม่เคยใช้ด้วย เดี๋ยวต้องลองก่อน)

html code

หน้าแรก ใช้ table วาง layout แต่ก็เฉพาะหน้านั้น ส่วน blog ใช้ HTML4.0 เป็นหลัก ใช้ CSS จัดสี จัดการเรียงข้อมูลบนจอ ถือว่าดี / encoding เลือก tis-620 อันนี้ก็แล้วแต่ศรัทธา สิ่งที่คิดว่าทำให้ดีขึ้นได้คือ

Recommend

ทำให้เป็น

Recommend

ก็น่าจะพอ ตัว list item (li) ไม่ต้องมี id หรือ class เพราะเราแต่งมันได้ด้วยการใช้ selector ul#recommend li ขนาดไฟล์เล็กลงไม่เยอะ แต่เวลาแก้น่าจะง่ายกว่า

นี่คือหลักๆ แต่โดยรวม html ดีกว่า bloggang (หรือ MSN Space) เยอะอยู่แล้ว สองรายนั้นเห็นแล้วจะเป็นลม table ซ้อนกันราว 30 ตลบ

RSS

มี RSS ก็ถือว่านำ bloggang ไปโขแล้ว โดยรวมทำได้ดี ดูใน browser หรือ feed reader ก็ไม่มีปัญหา note เว็บเป็น tis-620 แต่ RSS เป็น utf-8

มีติดขัดนิดนึงเวลาอ่านด้วย feed reader (ผมใช้ bloglines อ่าน) link ที่ชี้ไปแต่ละ post มี URI ผิดอยู่ ทำให้ไปไม่ถึงหน้าที่จะอ่านแต่เจอ error message แทน

Frames

เห็นว่าสำหรับ user แต่ละคนนี่ เวลาไปที่ http://exteen.com/username แล้วจะได้หน้าที่มี frame หลักอันเดียว แล้วตัว frame ก็ชี้ไปที่ http://exteen.com/blog.asp?user

ไม่แน่ใจว่าทำเพราะอะไร เดาว่าเพื่อจะซ่อน URL ที่ดูไม่สวยมั๊ง ตรงนี้จะทำอะไรได้รึเปล่าเพื่อจะไม่ต้องใช้ frame? ใช้ ASP ทำแสดงว่า server คงเป็น IIS งั้นก็ใช้ Apache mod_rewrite ไม่ได้ ของ IIS มีที่ฟรีๆ ให้ใช้เหมือนกันที่ http://www.isapirewrite.com แต่ไม่สันทัด ไม่รู้ว่าจะช่วยให้ไม่ต้องใช้ frame แต่ rewrite URL ตรงๆ เลยได้รึเปล่า

รูปใน blog

อ่านอยู่บ้างว่าตอนนี้ยังไม่มีพื้นที่ให้ post รูป เพราะอาจทำให้มีปัญหาเนื้อที่ไม่พอ ทางแก้อันนึงคือใช้ Flickr มาเสริม รายละเอียดของ flickr ส่วนที่เกี่ยวข้องคือ

ตอนต่อไปคงเขียน usability