Latest Posts
Street Art ที่กรุงเทพฯ
ในที่สุดก็ได้เจอ เป็นความบังเอิญที่ไปธุระแถว Fortune โผล่มาจากรถไฟฟ้าใต้ดินปุ๊ป เจอปั๊ป เห็นแล้วก็ โอ้วววว ในที่สุดเมืองไทยก็ได้มีกับเค้าบ้างซะที ดีใจมากๆ แต่ภาพที่วาดนั้นเป็นภาพที่ต้องมองจากมุมสูง แต่แถวนั้นสูงสุดก็ได้แค่บันไดของสถานีรถไฟฟ้า ซึ่งเราว่ามันยังสูงไม่พอนะ ยังมองไม่ค่อยชัด แต่อย่างน้อยก็เป็นจุดเริ่มต้นที่ดีของ street art เมืองไทยล่ะนะ 
ตอนที่ไปเจอเค้ากำลังวาดอยู่เลยแต่ใกล้เสร็จแล้ว รูปนี้ถ่ายเมื่อ 20 ธันวาคม 2009 หลายเดือนแล้วนะนี่ แต่ตอนนี้ก็ยังอยู่นะไปดูกันได้
วาดไม่เป็นก็ paint ได้
เป็นคนวาดรูปออกมาเหมือนเด็กอนุบาล ทำให้ไม่ชอบวาดรูปซักเท่าไร แต่ก็ชอบศิลปะ งง มั้ย ฮ่ะๆ เวลาดูเพื่อน paint รูป ก็อยากทำได้บ้าง แต่ลองทำแล้วมันก็เน่า T^T
ไปเจอเว็บมา http://abduzeedo.com/reader-tutorial-easy-digital-painting-illustration-photoshop ใช้รูปธรรมดาๆ ใส่ filter ของ Photoshop ไปนิดหน่อย บวกกะทำมือเล็กน้อย คุณก็จะได้ภาพออกมาคล้ายๆ ภาพ paint เราก็เลยลองทำดู ลองแล้วไม่ยากๆ และผลลัพธ์ที่ออกมาก็โอเคนะ ไม่รู้จะใช้รูปใครดี เอารูปดาราละกัน อิอิ
Webpage as graphs
ไปคุ้ยๆ จะหาเว็บตัวอย่างจะเอามาทำหน้า sitemap หาไปส่วนมากจะเจอแต่พวกเว็บที่เป็น tool สำหรับทำ sitemap มันไม่ตรงกับที่ต้องการ แต่หาไปหามาก็ไปเจอเว็บนี้เข้า เพียงแค่เราใส่ URL เว็บเราไปเท่านั้น มันก็จะแปลงกายไอหน้า webpage ของเรามาเป็นภาพกราฟิก โยงไปโยงมา ดูๆไปก็คล้ายดอกไม้นะ สวยดี
ผลลัพธ์ของเว็บนี้ ถ้าเป็นงานศิลปะ ก็เป็นงานศิลปะแบบสุ่ม random เป็นการสุ่มแบบมีหลักการ เรากำหนดไว้แค่หลัก วิธีการ ส่วนผลลัพธ์ปล่อยมันให้ออกมาเอง จะออกมาสวยมั้ยก็ลุ้นกันไป
ไอตัวที่ใช้แปลงนี้เค้าพัฒนาจาก Processing เค้ามี source code ให้ดูด้วย ใครอยากเอาไปพัฒนาต่อก็ย่อมได้ เยี่ยมมาก!
Processing มันเป็นโปรแกรมที่เราเขียนโค้ดลงไป แล้วมันสามารถแปลงออกมาเป็นภาพกราฟิกได้ มันน่าจะมีศัพท์เรียกนะ แต่เรียกไม่ถูกอ่ะ -*-
เราว่ามันน่าสนใจและสนุกดีนะ เคยหัดเขียนอยู่พักนึง แต่ตอนนี้ลืมมันไปหมดแล้ว เฮือกกก T^T
เราเลยลองใช้ URL เว็บเราลองให้มัน generate เป็นกราฟออกมาว่ามันจะได้หน้าตาแบบไหน ก็น่ารักดีนะ
ลองเข้าไปเล่นดูละกัน http://www.aharef.info
2 เหตุการณ์ที่ทำให้ไม่ได้ขึ้นรถไฟฟ้าใต้ดิน MRT
ช่วงนี้รถไฟฟ้าใต้ดิน MRT เป็นรถสาธารณะที่ใช้ค่อนข้างจะบ่อย เพราะมันสะดวกและใกล้กับที่พัก เวลาที่เดินผ่านไอแท่นตรวจนั้นบางทีก็ ตี๊ดดด บางทีก็เงียบ ก็ไม่เห็นเค้าจะตรวจอะไรซักเท่าไร เคยสงสัยเหมือนกันว่าถ้าเราพกอาวุธมาจริงๆ เค้าจะรู้ได้ไง บางทีเราเองก็มีมีดคัตเตอร์ติดกระเป๋าอยู่ ถือเป็นอาวุธได้ป่ะ?
ก็ไม่เคยคิดเหมือนกันว่าเราจะโดนเจ้าหน้าที่ห้ามไม่ให้ขึ้น
ครั้งแรก – ไปรับรางวัลที่ได้จากการเล่นเกมกับ GTH (7 สิงหา 52)
รางวัลที่ได้ก็คือ standee ของหนังเรื่อง “หนีตามกาลิเลโอ”
standee คืออะไร??
มันก็คือไอป้ายโฆษณาของหนังแต่ละเรื่องที่วางไว้หน้าโรงหนังอ่ะ
ช่วงเวลานั้นประมาณ 6 โมง เจ้าหน้าที่บอกว่า ช่วงนี้คนเยอะค่ะของชิ้นใหญ่เกินไปไม่สามารถให้นำขึ้นไปได้ ต้องรอให้คนซาๆ ก่อน ประมาณ 2 ทุ่ม เอ่อ….ทำไงดี มีพี่อีกคนที่ได้รางวัลเหมือนกันก็เดินตามๆกันมา พี่เค้าตัดสินใจชำแหละ standee แกะเป็นชิ้นๆ ทอดทิ้งพี่เร แล้วหิ้วน้องต่าย น้องเต้ย กลับแทน เราก็เอ่อ พี่เร จะให้ทอดทิ้งพี่เรหรอ ม่ายยยยย ทำไม่ลง 
สรุปว่าเราเลยแบกพี่เรขึ้น taxi กลับ
ศิลปะบนพื้นถนน (Street art)
เคยเห็นมาหลายครั้ง หลายหนกับงาน Street art ที่ศิลปินไปวาดรูป ระบายสีกันบนพื้นถนนจนเกิดงานศิลปะอันชวนพิศวง แต่งานส่วนใหญ่ที่เห็นนั้นก็ดูมาจากเว็บต่างๆ fwd mail บ้าง ซึ่งล้วนแต่เป็นงานของต่างประเทศทั้งสิ้น เคยคิดอยู่ในใจเหมือนกันว่าศิลปินประเทศไทยมีเยอะแยะ ไอเดีย ความสามารถก็ไม่ได้น้อยไปกว่าใคร แต่ทำไมถึงไม่เห็นงานแบบนี้บนพื้นถนนของไทยบ้าง
อยากใส่ Thumbnail ให้ wordpress
เราเองก็ไม่ได้เก่ง wordpress นัก แต่ข้อสงสัยมันเริ่มจากตอนไปหา theme มาใช้ในเว็บนี่ล่ะ ไอ theme สวยๆบางอันมันมี thumbnail ได้ด้วยแห๊ะ น่าสนใจๆ มันใส่ไงว๊าา เพราะทุกทีเวลาเขียน blog มันก็ไม่มีให้ใส่นี่นา มันมีแค่บาง theme ว่าแล้วก็โหลดมาลองใช้ซะเลยไอ theme ที่มีเจ้า thumbnail
ตัวอย่าง theme ที่มี thumbnail
อาลัยแด่บล็อกที่ผ่านมา 2ปี
บล็อกเน่า พังไปแล้ว…สาเหตุเพราะพยายามรวมบล็อก wordpress 2 อัน เข้าด้วยกันโดยที่มันต่าง version และ encoding ต่างกัน บวกกับลง plugin มั่วซั่ว กดใช้ไปโดยไม่อ่านคำเตือนของมัน ผลที่ได้คือ บล็อกเก่าๆ มันอ่านไทยไม่ได้ ภาษาพังไปแล้วเป็นภาษามะนาวต่างดุ๊ด ฮือๆๆ เลยอาลัยปล่อยบล็อกร้างไปพักนึง
มันพังก็สร้างใหม่ แค่นั้น สู้ต่อไปทาเคชิ!
twitter background
ช่วงนี้ twitter ในบ้านเราช่างฮิตและฮอตจริงๆ ทั้งนักการเมือง ทั้งดารา ทั้งบริษัท จนเกิดอาชีพใหม่ อาชีพนัก twitter เลยทีเดียว :S แล้วทีนี้จะทำยังไงดีให้คนเข้ามาหน้าเว็บ twitter แล้วรู้เลยว่านี่คือ เว็บ twitter ของเรา จะให้เห็นกันชัดๆก็เปลี่ยน background ซะ!
สิ่งที่ควรรู้ก่อนจะเปลี่ยน background นั้น
ส่วนที่เปลี่ยนไม่ได้
- พื้นที่ส่วน timeline, เมนูด้านบน, footer เป็นสีขาวเสมอเปลี่ยนไม่ได้
- logo ของ twitter นั้นเปลี่ยนไม่ได้
ส่วนที่เปลี่ยนได้
- sidebar สามารถเปลี่ยนสีได้, สี font สี link สามารถเปลี่ยนสีได้
- พื้นหลังสามารถเปลี่ยนสีได้ หรือจะใส่เป็นรูปก็ได้ และรูปสามารถ repeat ได้
อื่นๆ
- รูปพื้นหลังนั้นจะเริ่มจากมุมบนซ้ายเสมอ
- พื้นที่ timeline หรือตรงข้อความที่เรา tweet นั้น กับส่วน sidebar ด้านข้าง มันจะอยู่ตรงกลางเสมอไม่ว่าหน้าจอเราจะขนาดเท่าไร
เทคนิคการทำ background นั้นมีหลายอย่าง เอาตัวอย่างมาให้ดูกัน เช่น
Continue Reading
min-height
min-height ใช้กำหนดความสูงขั้นต่ำของกล่อง ถ้าในกล่องมีข้อความสูงเกิน min-height ที่กำหนดไว้กล่องนั้นก็จะถูกยืดออก แต่ถ้าเราใช้ height ในการกำหนดกล่องนั้นแทน ข้อความถ้าสูงเกิน height ที่กำหนดไว้ ข้อความก็จะไหลลงมา แต่ตัวกล่องจะเท่าเดิม ตัวอย่างเช่น
ตัวอย่างนี้ กล่องซ้ายกำหนดความสูงของกล่องด้วย min-height: 100px ส่วนด้านขวากำหนดด้วย height: 100px;
** ถ้าข้อความที่เราใส่ไปในกล่องไม่สูงเกินที่เรากำหนดไว้ จะเห็นได้ว่าไม่มีความแตกต่างใดๆ
แต่ถ้าข้อความสูงเกินกล่องที่เรากำหนดไว้ล่ะ? ก็จะเป็นแบบนี้
**min-height มีความยืดหยุ่นดีกว่า แต่ min-height ไม่ supportกับ ie ถ้าจะนำไปใช้ต้องมีทริกนึดนึง คือ
selector {
min-height:100px;
height:auto !important;
height:100px;
}
อ่านฉลากก่อนใช้
- ต้องกำหนด min-height ให้เท่ากับ height
- เวลาใช้ต้องเรียงลำดับตามนี้ ถ้าสลับกันไม่ได้ผลนะเออ..
ทำ Background โปร่งใส
ไฟล์ .gif, .png มีคุณสมบัติ ที่สามารถทำ background หรือพื้นหลังให้โปร่งใสได้ .gif นั้นเวลานำไปใช้ถ้าอยากจะให้เนียนกลืนกันพื้นหลังตอน save นั้นกำหนดสี matte ให้มันด้วย ข้อดีอย่างของ gif คือ ie6 ก็ใช้ได้ คือ เห็นว่ามันโปร่งใส แต่ถ้าเป็น png คุณ ie6 มันแสดงผลไม่ได้ จะกลายเป็นพื้นหลังสีขาวไป
png เอง ตอน save ก็มีให้เลือกว่าเป็น png8 หรือ png24 ถ้าเป็น png8 นั้นมันจะคล้ายๆ gif คือ เวลานำไปใช้ต้องกำหนด matte ให้มันด้วยไม่งั้นมันไม่เนียน การกำหนด matte ก็คือ เราต้องรู้ก่อนว่ารูปนั้นเราจะนำไปใช้กับ background สีอะไร ถ้าใช้กับ background สีขาวก็เลือก matte เป็นสีขาว ส่วน png24 นั้นใช้ได้สวยเนียนทุกงาน แต่มันก็แลกกับขนาดไฟล์ที่ใหญ่ขึ้นด้วย ถ้างานที่ต้องการพื้นหลังโปร่งใส แต่พื้นหลังมันเป็นสีพื้น ใช้ gif หรือ png8 ก็พอ แต่ถ้าพื้นหลังเป็นรูปลายเยอะๆ png24 จะดีกว่า
Made by Symmetric Web
Distributed by Smashing Magazine