จัดระเบียบ Blog

สืบเนื่องจากเมื่อวานอ่าน blog ของ @phatpeth แล้วรู้สึกว่า theme มันสวยดี ... อันที่จริงเราเองก็ไปเล่นตั้งแต่วันแรกๆ ที่มันออกเลยนะ แต่ทีนี้มันติดปัญหาที่ว่า syntax highlighter ตัวเก่งของเราเนี่ย มันดันทำงานไม่ได้ในโหมดนี้ซะหนิ (กลัวว่าต้องไปใช้วิธี cap code เป็นภาพเอาเหมือนของ @iMacbaszii) เลยอู้ไว้ก่อน ไม่ยอมย้ายมาใช้แบบนี้ซักที

บังเอิญว่าวันนี้คิดไงไม่รู้ (ว่างจัด?) ตอนแรกว่าจะย้ายทั้ง blog ของเราไปอยู่บน GitHub Pages แล้ว เพราะถูกโฉลกกับ markdown มากๆ แต่ลองได้แป๊ปๆ รู้สึก learning curve มันสูงเกินไป อีกทั้งพวก comment เก่าๆ ก็ไม่น่าจะย้ายตามมาได้ด้วย

ตัดใจได้ก็เปลี่ยนมานั่งหาวิธี hack เอา syntax highlighter ใช้กับเจ้า blogger จนได้ (จริงๆ เปลี่ยนค่ายไปใช้ prettifier แหละ) ก็ต้องขอขอบคุณ Alex Conrad ผู้เขียน bootstrap-lib อันนี้ไว้ให้ด้วยเน้อ ;)

ตอนนี้ก็ติดอยู่อย่างเดียวตรงที่พื้นหลังของแต่ละ post มันเปลี่ยนเป็นสีเข้มๆ ไม่ได้ --- แต่ก็ช่างมันเหอะ จะได้ออกจากโลกมืดๆ ซะบ้าง หลังจากใช้สีดำเป็น default มาตั้งแต่ปี 5 ปีก่อน (ก่อนหน้านั้นอีกตอนอยู่ที่ spaces.live.com ใช้สีขาวนะเออ) ก็หวังว่าจะอ่าน blog กันได้สบายตาขึ้นนะครับ TwT

เสียดายอย่างสองอย่างตรงที่ theme dynamic view นี่มันแสดง facebook like box ไม่ได้แล้ว พวก feed aggregator ก็เอามาแปะข้างๆ ไม่ได้ (งานนี้ tutuor0x อดอัพตาม เพราะมีสัญญาผูกพันกับ blognone อยู่ว่าต้องแสดง feed แลกกัน) ก็น่าเสียดายเล็กน้อยเหมือนกันแต่ไม่เป็นไร

อ๋อ นอกจากเปลี่ยน theme แล้ว ยังจัดระเบียบ tag ใหม่ด้วย คือเมื่อก่อนเนี่ยใช้ระบบ category มาตลอด ซึ่งก็เข้าท่าดีเพราะสมัยนั้นเขียนเป็นหัวข้อๆ ไป แต่พักหลังนี้รู้สึกว่าเขียนกระจัดกระจายมากเลย คิดว่าเปลี่ยนมาใช้ tag น่าจะ work กว่านะ

ที่เหลือก็คงต้องหาภาพมาประกอบบทความแต่ละตอนบ้างแล้วสินะ ไม่งั้นเวลาดูแบบ flipcard แล้วจะรู้สึกโล้นๆ 555

ชำแหละ theme ใหม่อย่างละเอียด

อ่านสาเหตุที่ใช้สีดำจากตอนที่แล้วได้ที่นี่

ในที่สุด theme นี้ก็เสร็จเรียบร้อยครับ
(อาจจะมีการแก้เล็กน้อยเมื่อเวลาผ่านไป)

ส่วนจะให้ผมเปลี่ยน theme อีกครั้งนั้น
ก็คงจะต้องรอไปอีกนานแสนนานเลยครับ
เพราะผมถูกใจกับเจ้า theme ตัวนี่มากๆ

ที่ผมเลือกใช้ table มาเขียน (อย่างเก่า)
ไม่ใช่ว่าผมปฏิเสธการใช้ css นะครับ
แต่เพราะว่าเขียน css ไม่เป็น เลยไม่ได้ใช้
ต้องขุดความรู้เก่าอย่าง html มาใช้ก่อน

ตอนแรกที่เขียนก็ใช้ table อันเดียว
แล้วก็มาใช้ rowspan, colspan เอา
ตอนใช้ firefox ทดสอบก็ไม่มีปัญหา

แต่พอลองไปเปิดเว็บที่โรงเรียนนี่สิครับ
ถึงกับกุมขมับ ไม่รู้จะ debug ยังไงเลย
เพราะโรงเรียนใช้ internet explorer
แล้วมันเพี้ยนอย่างสุดยอดมากๆ ครับ

เลยต้องมานั่งรื้อโคด table ทั้งหมด T_T
ลองแก้โคดอยู่นานมากๆ แต่ก็ไม่ได้ผลครับ
สุดท้ายก็ต้องตัดใจมาใช้ table ซ้อน table
จึงแก้ปัญหากับ ie ตรงจุดนี้ไปได้ครับ

ตรง All Post by Category ด้านขวา
เห็นว่ามันน้อยๆ แต่ไหงเขียน all post
ก็ขอบอกว่า กดตรงรูปสามเหลี่ยมได้ครับ
กดแล้วจะขยายรายชื่อบทความลงไป
แล้วก็เลือกบทความเอาจากตรงนี้ได้ครับ

ถ้ามี bug ก็บอกนะครับ เพราะเขียนมือ
โดยยืมฟังก์ชันของ Blog Archive มา
ทำให้ Blog Archive ใช้ไม่ได้ครับ ^^"
กะว่าถ้าเขียนโคดอย่าง css, php เป็น
ก็จะลองเปลี่ยนรูปแบบเมนูนี้ดูครับ

ด้านไอเดีย S.E.E. web ที่อยู่หัวบล๊อกนี้
ได้จากการเดินเที่ยวร้านหนังสือครับ
สังเกตว่าหนังสือขายดี มักจะมีซีไรท์อยู่
ผมก็สงสัยว่า หน้าปกหนังสือซีไรท์เนี่ย
เขาดีไซน์เผื่อให้วงกลมที่จะแปะหรือเปล่า

เพราะบางเล่มก็แค่เอาสติกเกอร์แปะลงไป
แต่บางเล่มถึงกับออกแบบปกใหม่หมด

คิดไปคิดมา ก็เลยโหลดโลโก้ซีไรท์มาเล่น
แล้วก็เปลี่ยนชื่อรางวัลซักหน่อย...
ส่วนโลโก้นั้น คงให้เป็นปากกา 10 ทิศ
เพราะลองทำเป็นเมาส์ดูแล้วมันไม่สวย

พอเซฟเป็น png ก็มีปัญหากับ ie อีกละ
(รู้สึกเซ็ง+เบื่อ ie เอามากๆ เลยครับ)

หมายเหตุ: โลโก้นี้ไม่ใช่ตัวแทนบล๊อกนะครับ

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

ด้านขวาที่เป็นโน้ตโหลดค่อนข้างนานมาก
ต้องขออภัยมา ณ ที่นี้ด้วยครับ

รู้ทั้งรู้ว่าไฟล์ใหญ่ แต่ก็ตัดใจทิ้งไม่ลงจริงๆ
แล้วถ้าจะให้ตัดมาใช้บางส่วน มันก็แปลกๆ
ไว้หาวิธีลดขนาดได้ จะรีบทำให้ใหม่เลยครับ

งานนี้โดนด่าทั้งจากคนดูเว็บและที่ฝากรูป
โหลดก็ช้า แบนวิทก็หาย (แต่ก็ทำเพราะรัก)

เพลงที่นำมาใช้ประกอบนั้นก็คือ
เปียโนโซนาตาหมายเลข 14 ของบีโทเฟน
หรือที่รู้จักกันดีในชื่อ "Moonlight Sonata"
โดยตัดท่อนแรกมา เพราะเศร้าแบบมืดมน
เข้ากับสีของบล๊อกได้ดีจริงๆ ครับ!

โน้ตเพลงมาจาก IMSLP (ญาติ wiki?) ครับ
เพราะว่าเวอร์ชันนี้เก่าดี ดูแล้วขลัง มีพลัง
ที่สำคัญคือ out of copyright ไปเรียบร้อย

ตรงด้านล่างขวาปลายโน้ตที่จางลงไปเรื่อยๆ
อันนั้นใช้ gif ทำให้โปร่งใสและแปะทับครับ
ด้วยตอนที่ทำ ไม่รู้ว่าโปรแกรมอะไรทำได้
เลยนั่งจุดใน paint ที่ละจุด (ปาไป 2 ชม.)
ตอนแปะลงไปให้อยู่ด้านล่างก็มีปัญหาอีก
กว่าจะเข้าที่นี้เสียเวลามากกว่าส่วนอื่นอีกครับ

รูปหน้า address บล๊อกคือโลโก้จริงๆ ครับ
ถ้าจะเอาไปใช้ก็เอาจากตรง Profile นะครับ
กว่าจะหาที่ฝากรูป ico ได้ก็แทบแย่เหมือนกัน

ตรง Profile นั้นก็กดดูได้นะครับ
ข้อมูลที่ลงทั้งหมดขอรับรองว่าเป็นความจริง
เผื่อว่าอยากติดต่ออะไรเข้ามา รับฟังเสมอ
ขออย่างเดียว - อย่า spam กันเลยนะครับ

หมดอวัยวะที่จะให้ชำแหละแล้วครับ
หลังจากศุกร์นี้ก็จะสอบเสร็จ
ก็จะพยายามเขียนลงให้มากขึ้นนะครับ
แล้วพบกันในคราวหน้าครับ ^^

ย้ายบ้าน ย้ายบล๊อค

นึกว่าสัปดาห์นี้จะไม่ได้อัพซะแล้ว...
(perfectionism กำเริบ ที่นี่ไม่เสร็จไม่โพสต์)

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

...ไม่ใช่สิ ต้องเรียกว่าออกแบบให้ค้นหาเอนทรีง่ายขึ้น

ตอนออกแบบ layout ก็คิดไม่ออกอีก
ไปดูบล๊อคของคุณภู ก็สวยดี แต่ดูแล้วยุ่งยาก
เลยพักไปอ่านหนังสือเล่นๆ หวังแค่ให้สมองโล่ง

ผิดคาด เพราะมันไม่ได้ทำให้สมองโล่งอย่างเดียว
แต่มันให้ไอเดียที่น่าสนใจมาด้วย! ^^

ไอเดียนั้นไม่ได้มาจากบทความในหนังสือหรอกครับ
แต่มาจากการพิมพ์ของหนังสือต่างหาก

ผมสังเกตว่า หนังสือแทบทั้งหมดก็พิมพ์ปรกติ
(เห็นจะมีไม่ค่อยปรกติก็ของคุณวินทร์นั่นแหละ ^^)
คือ พิมพ์ด้วยตัวอักษรแบบเดียวกัน ขนาดเดียวกัน
ตัวอักษรสีดำ กระดาษสีขาว

ดูแล้วไม่มีอะไรน่าดึงดูดเลย
แต่เราก็ยังอ่านมันจนติดได้!

เลยคิดว่าถ้าเราออกแบบให้อ่านง่ายๆ ไม่ซับซ้อนก็ดี
(และผลที่ได้ก็คือ เว็บหน้าตาเห่ยๆ อีกที่หนึ่ง 555)

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

ส่วนเรื่องขนาดของจอนั้น ก็ต้องขออภัยด้วย
ที่ออกแบบหน้าตาเว็บที่ 1024*768 ^^"

แต่สำหรับเดี๋ยวนี้ก็คงไม่มีปัญหาแล้วมั้ง
เพราะคงไม่มีใครใช้ 800*600 แล้วหละ...
(ถ้ายังมีอยู่ ขอแนะนำไห้ลองเปลี่ยนดูนะครับ จะติดใจ)

เสียเวลาทำ theme นี้ไปประมาณ 12 ชั่วโมง
(กว่าครึ่งหมดไปกับการเค้นไอเดียเจ๋งๆ
และอีกเกือบครึ่งก็ตรวจคำสั่งที่พิมพ์ผิด)
เพราะศึกษา xhml จากตัวอย่างบล๊อค
แล้วเขียนเองใหม่หมดตั่งแต่ต้นเลย

ถึงสุดท้ายก็ยังออกมาไม่ถูกใจซักเท่าไหร่ -*-
แต่ผมก็จะพยายามปรับปรุงให้ดีขึ้นครับ

ขอต้อนรับสู่บ้านใหม่นะครับ ^^

ปล.ขอบคุณพี่หมีที่ช่วยแนะนำ lay out & font color ครับ

First Talk...

After my Hard disk got broken. I think it may happen to Blog too.
So I start new Blog here, in English Language,
for back up my data and share them with you too. ^^

If you can read Thai. I suggest you should try the original version,
because my English are pretty bad. ^^”

Please feel as your home.

---

หลังจาก HDD ข้าพเจ้าพังไปแล้ว ก็ได้ข้อคิดมาว่า
การมีหอศิลป์แสดงงานหลายที่จะดีที่สุด
เพราะถ้าหอศิลป์หลังไหนเกิดพังไป
ไม่ว่าจะไฟไหม้ แผ่นดินไหว โดนระเบิด ฯลฯ
อย่างน้อยก็อุ่นใจได้ว่า ยังเหลืองานไว้แสดงที่หอศิลป์อื่นอยู่...

ที่นี่จะสำรองข้อมูลจาก neizod.spaces.live.com ทั้งหมด
โดยนำเสนอในภาษาอังฤษ เพื่อให้คนต่างประเทศเข้าใจได้
และก็เป็นการฝึกภาษาไปในตัวด้วย

ขอให้สนุกกับการชมผลงานที่นี่เช่นกันนะครับ ^^

ปล.นี่คงจะเป็นเอนทรีเดียวที่มีภาษาไทยอธิบายละเอียดครับ