นั่งแก้หน้าหลักที่ http://sirakornl.tk/ ทั้งเช้า แต่ก็ไม่ได้ไปไกลจากของเดิมมากนัก เขียนเอาไว้ตรงนี้แล้วกันนว่าจะทำอะไรบ้าง

• หน้าแรกก็คงเป็นแบบนี้แหละ แต่ไม่โล่งเหมือนตอนนี้ ใส่แบ๊คกราวนด์ไปหน่อยก็โอเค
  (Version แรกเป็นรูปกระดาษยับๆ ต่อมาพยายามเปลี่ยนเป็นพื้นหลังสีดำ + หนังหน้าตัวเอง)
• มีลิงค์ไป Bio, Portfolio ไม่ใช่หน้าเดียวแบบทุกวันนี้
  (ขี้เกียจนั่นเอง)
• jQuery transitions นิดนึงส์
  (นิดนึงจริงๆ — fade เข้าทีละอัน)
•  Background สี #abcdef
  (ตอนแรกอยากรู้เฉยๆ ว่าหน้าตาเป็นไง พอลองใส่ดก็พบว่าสวยมาก สวยทั้งตัวสีทั้งโค้ด)

แต่คงไม่แก้อะไรแบบ Major Changes ละ — เอาเวลาไปทำเว็บโรงเรียนที่ดองมานานสามชั่วโคตรดีกว่า :3

จบปิ๊ง

ตะกี้นั่งแก้โค้ดเว็บผ่านตัว Text Editor ของ Net2FTP
แก้ไปแก้มากดเซฟ กด F5 แล้วก็พบว่า

ที่กูทำทั้งหมดหายไปไหนฟระ

มาดูโค้ดอีกทีตกใจ โค้ดส่วน Stylesheet ตั้งแต่ส่วน a:link หายไปหมดเลย รวมถึง Body ทั้งหมดด้วย
ก็เลยเขียนโค้ดใหม่แบบนี้แหละ เอาให้คล้ายของเก่าเข้าไว้ (Easter Eggs ที่ยัดไว้สองลูกก็หายไปแล้ว)

โอเค เอาอยู่

กระบวนการเรียนรู้ที่ผมมองว่าดีที่สุดมันคือการเรียนแบบลองผิดลองถูก

ตัวอย่างง่ายๆ คือการนั่งเขียนโค้ดอะไรสักอย่าง

• ผมเป็นมือใหม่ที่พยายามเขียน CSS ด้วยมือมานานมากๆ
  (ปกติจะใช้ Dreamweaver ที่มันมี Syntax Autocomplete)
• CSS2 อ่ะได้ แต่ CSS3 เคยผ่านมาแค่ @font-face
  (เขียนล่าสุดมกราม แม่งตอนนี้เมษาเอง ลืมไปแล้ว)
• วันหนึ่งอยากรื้อหน้าแรกเว็บที่ http://sirakornl.tk ใหม่ (จะเอาแบบนี้ - http://bit.ly/IIy33c
• โอเค ใส่ div ระบุพิกัดได้ ไม่มีปัญหา
•  ตอนแรกพื้นหลังเราทำรูปโปร่งใส 1*1 px แล้วสัง background-repeat:repeat;
• โอเค มันเอาอยู่ จนเราอยากแก้สีกล่องตัวนึง
  ขี้เกียจนั่งทำภาพใหม่ แค่นั้นจริงๆ เอาเวลาไปหา Resources มาอ่านดีกว่า
• ตอนแรกเขียนไปแบบนี้
  (ไม่ใส่ filter:aplha เพราะ IE6-7-8 มันกาก อยากดสวยๆ ไปใช้ Chrome/Firefox เอา)

#header{
 font-family: 'Oxygen', sans-serif;
 font-size:72px;
 position:absolute;
 top:75px;
 left:300px;
 background-color:#ff0000;
 opacity:0.6;
 -moz-box-shadow: 0 0 8px #888;
 -webkit-box-shadow: 0 0 8px #888;
 box-shadow: 0 0 8px #888;
 }

• ฉิบหาย Text แม่งโปร่งใสไปด้วย เอาใหม่
  (เป็นวิธีเดียวที่เด็กควายๆ เคยเห็น ระบุ alpha เลขญานสิบหกหลังโค้ดสี)

#header{
 font-family: 'Oxygen', sans-serif;
 font-size:72px;
 position:absolute;
 top:75px;
 left:300px;
 background-color:#ffffff88;
 -moz-box-shadow: 0 0 8px #888;
 -webkit-box-shadow: 0 0 8px #888;
 box-shadow: 0 0 8px #888;
 }

• โอเค แกะโค้ดพี่วินก็ได้ TwT
  (อันนี้จาก Stylesheet พี่เค้า)

.box{
	float: left;
	background: rgba(255,255,255,0.9);
	padding: 15px;
	margin: 10px;
	position: relative;
	-webkit-box-shadow: #555 0px 0px 15px;
}

• เอาใหม่

#header{
 font-family: 'Oxygen', sans-serif;
 font-size:72px;
 position:absolute;
 top:75px;
 left:300px;
 background: rgba(255,255,255,0.5);
 -moz-box-shadow: 0 0 8px #888;
 -webkit-box-shadow: 0 0 8px #888;
 box-shadow: 0 0 8px #888;
 }

• จบ นอน

ปล. การที่เรามานั่งอะไรอย่างนี้ ดีกว่าแก้ปัญหาชุ่ยๆ นี่มันก็ดีนะ
ถ้าเราทำงานที่ต้องใช้แบ๊คกราวนด์ใสๆ สัก 6-7 อันในอนาคต แล้วไม่รู้เทคนิกนี้ มีหวังถมสีในเฉาะกันนาน
ปอ. การเรียนรู้ด้วยวิธีนี้ดีอีกแบบ — เราได้วิเคราะห์ตัวเองว่าเอ้ย กูขาดความรู้ตรงนี้ไปนะ ดังนั้นมึงไปเปิดตำราดีๆ สักเล่มได้แล้ว
ปฮ. ขอบคุณพี่วินมากๆ ครัฟ (แงะทั้ง Source ทั้ง Design พี่เค้ามา) 

ช่างแม่ง LOL

(คัดลอกแนวทางมาจาก @dtinth)

ตะกี้ไปตลาดกับแม่มา…

เจอเด็กๆ ตั้งวงสาดน้ำใส่รถมอเตอร์ไซค์ที่ผ่านมากันเมามันส์
แม่เราก็พยายามขับรถหลบ มีเด็กผู้หญิงคนนึงเดินมาน่ารักๆ บอกว่า “ขอสาดนิดนึงนะคะ”
แม่เราก็ไม่ว่าอะไร น้องเขาก็สาดมา
…

นิดเดียวจริงๆ ครับ ใส่ถังมาร่วมสองลิตรหน่อยๆ
จะไม่ว่าอะไรเลยถ้าสาดตอนขากลับ นี่สาดตอนขามา

สาดครับน้อง สาดดดดด!

ชีวิตน่ะมันต้องดอง!

@MinttPani @Melodiiez @tannce ความจริง 4.5″ ว่ะ #ยอมรับ #เดินไปวัดมา

— ไอ้แทน (￣ー￣) (@srakrn) February 16, 2012

@srakrn @MinttPani @Melodiiez @tannce 4.5 นิ้วนี่คุยเรื่องอะไรกันหรือครับ? cc: @thanyakij

— ทฤษฎี ณ พัทลุง (@Trisdee) April 8, 2012

จบกันไปแล้วนะครับสำหรับ April Fools หรือวันเมษาหน้าโง่ปีนี้ (เล่นถึงเที่ยงๆ) ปีนี้ค่อนข้างจัดหนักกับมุกที่เล่นนิดนึง โอกาสนี้เลยมาเล่าเรื่องตอนคิดมุกและเขียนโพสต์นิดนึงครับ

Q: คิดอะไรเล่นมุกนี้
A: อีเฟื่องมันชอบล้อว่าผมเกย์ครับ เลยเอาซะเลย

Q: เขียนจดหมายอีท่านี้ไม่เกย์จริงก็เขียนไม่ได้
A: ท่อนแรกๆจะเขียนแบบเพื่อนครับ ที่เหลือต้องดูหนังไทยบ่อยๆ ถึงจะเขียนได้ เขียนสองสามวันเสร็จ

Q: ใครรู้ความลับบ้าง
A: ม่อน ต้นน้ำ แพง มินต์และหลายๆ คน

Q: แกล้งอะไรมันบ้าง
A: ก็หลักๆ คือเขียนโพสต์นี้ส่งให้เจ้าตัว รังควานใน Twitter เปลี่ยนอวตาร์แบบที่เห็น เปลี่ยน Header บล็อก แค่นั้นล่ะฮะ

Q: ปีหน้ามีอีกไหม?
A: จัดหนักกว่าเดิมครับ

Q: จะบอกอะไรกับเจ้าตัวไหม
A: ก็ขอโทษนะครัฟหากเล่นแรงไป เพราะเจ้าตัวน่าจะโกรธ รักนะจุ๊ฟๆ พ่องตายฮะ

เฟื่องฤทธิ์…
เรารู้จักกันครั้งแรกในวันไหนนะ เราสนิทกันตั้งแต่ตอนไหน
ไม่มีใครรู้…

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

แถมเคยเก็บเอาไปฝันอีก…

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

ปล. ขอให้จดจำวันที่วันนี้ไว้นะ มันจะอยู่ในความทรงจำตลอดไป เพราะวันนี้แม่ง April Fools กร๊ากกกกกๆๆๆๆๆ