css:
input,textarea,button{
font-family:verdana,sans-serif;
}
จบข่าวครับ แค่นี้เองเหมือนว่ามันไม่มี การกำหนด font default ไว้ (User-agent CSS) – -*
ปล. ห่วย
Latest:บทความล่าสุด
[Optimize] เทคนิคเพิ่มความเร็วให้หน้าเว็บ
WebDevelopment
เทคนิดการทำ wordpress theme ให้โหลดเร็วลื่นหัวแตก(จริงเปล่าไม่รู้ ^^) งานนี้ได้ Optimize ทั้ง css,html,php และ javascript กันเลยทีเดียว
เอาหล่ะผมจะยึดการทำธีม wordpress เป็นหลักนะโดยเริ่มตั้งแต่
Optimize Image วิธีการsaveรูปให้มีขนาดเล็ก
เทคนิคนี้หลายๆคนก็ทำอยู่เพราะงั้นใครที่save รูปเป็นแล้วก็ข้ามๆเลยครับ(ฮ่าๆ ไม่ใช่ ave รูปคือกด Ctrl+Shift+Alt+S หรอกนะ)เซฟในทีนี้คือ ให้ภาพออกมามีคุณภาพพอเหมาะขนาดเหมาะสมกับคุณภาพ ไม่ใช่ว่า เล่น wallpaper มาทำ background แล้วยังปรับ background-attactment:fixed; ร่วมกับ เป็นรูป .jpg ที่มี quality:maximum = =’
อ่านต่อ
ได้เวลาออกแบบธีมใหม่ อีกแล้วเร๊อะ?
personal
post นี้ไม่มีไรมากแค่รู้สึกเบื่อๆ ธีมเก่า(อีกแล้ว) หลังจากที่ได้ลองใช้งาน html5 + CSS3 (แต่ช่างน่าเสียดายนัก ที่ Valid ผ่านมาตรฐาน html5 แต่ทาง W3C เขาไม่มี Icon ให้ ฮ่าๆ… ไม่เป็นไร! มันยังใหม่อยู่) แล้วหลังจากที่ลองเล่นดูก็พบว่าหลายๆอย่างมันไม่ค่อย make sense เอาซะเลย อย่างกับว่า html5 ออกแบบมาให้รองรับ Interactive มากขึ้น แต่ไหง๋ ใช้ ajax ดึงหน้าเว็บแล้ว พวก section หรือtagsใหม่ๆมักจะเสิร์จไม่ค่อยเจอ (ผมเลยต้องครอบ wrapper ที่เป็น div ไว้หลังจาก body ซะงั้น ไม่งั้น ใช้งานไม่ได้ [น่าจะใช้ได้อะแหละแต่โค๊ดยากขึ้น])
อ่านต่อ
[Optimize] Pack CSS/Javascript ให้เล็กสุดตีน
webdesign
การ Optimize โค๊ดของเราให้เล็กลงนอกจาก การเขียนที่ดีแล้วยังมีการ pack ให้มันขนาดเล็กลงอีก จะเห็นได้ทั่วไปว่า jQuery ,YUI ยังใช้การ pack ให้เล็กลงก่อนที่จะปล่อยให้ Download ไปใช้ สำหรับการ pack นี่จะมีตัว packer หรือบางที่เรียกว่า Compressor จะใีห้เลือกใช้อยู่หลายตัวด้วยกันครับ อ่านต่อ
Javascript Sticky fixed
WebDevelopment
ทำให้ div หรือว่า กล่องของเรา ติดหน้าจอเป็น position: fixed; เฉพาะตอนเลื่อนเลยมันไปเท่านั้นจะมีประโยชน์มาก ถ้าเอามาใช้เป็น sidebar หรือว่าอื่นๆที่รวมลิ้งค์ที่ประโยชน์ไว้ และถ้านึกไม่ออกลองดู ด้านซ้ายสิครับ
เรื่องที่ควรรู้ เกี่ยวกับ Class OOP ของ PHP
WebDevelopment
บังเอินมีคนมาถาม เลยโพสต์เรื่อง php สักหน่อยแล้วกัน(ทั้งๆที่นั่งทำ CSS + Javascript อยู่แท้ๆ – -*)
บทความนี้จะกล่าวถึง เรื่องของการเขียน PHP แบบ OOP และแน่นอนอยู่แล้วว่า OOP ต้องมี Class มาเกี่ยวข้อง และก็มีเรื่องที่ควรจะรู้อยู่พอประมาณ อย่างเช่น พวก Magic Method , ระดับ การมองเห็น (Visibility) อ่านต่อ
ธีมใหม่กับ HTML5 CSS3 และ WP3.0
personal
โว้วๆ สุดท้ายก็ต้องมาลงก่อนกำหนด -..- หลังจากที่นั่งทำมา 30 ชั่วโมง เต็มๆ (จนถึง ณ เวลาที่ Post) ไม่ได้ลุกไปไหนเลยนอกจากไปกินข้าว กงเกมก็ไม่ได้เล่น ด้วยความที่สมาธิสั้น + ไม่เทพ + หัวไม่ศิลป์ เลยใช้เวลานานไปสักหน่อย(ทำมาได้เพราะความฮึดสู้ เพราะเห็นว่าธีมเก่ามัน กะหลั่วไปหน่อย -*- ) สำหรับการเริ่มเปิด photoshop มานั่งร่างเลย์เอ้า จะเอาแบบไหนดีน้อ สุดท้ายแล้ว photoshop ได้ใช้แค่ Color Picker และทำรูป bg เท่านั้น 555+
สำหรับธีมนี้อัพเดทเว็บตัวเองให้ทันสมัยขึ้นไปอีกหน่อยด้วย HTML5 โอ้วแม่เจ้าเลย นี่แหละคือเหตุผลอีกหนึ่งข้อที่ทำให้ ออกมาช้า เพราะต้องทำไปเปิด HTML5 Reference ดูไปพลาง กลัวจะเอาไปใช้ ผิดที่ผิดทาง แต่ที่รู้อย่างนึง โค๊ด HTML อ่านง่ายขึ้นมามาก CSS ก็ไม่เปลือง Class และ ID (ไม่รวม Function wp_บลาๆ) แต่ก็มีแอบงง กับ section และ div ( จากแต่ก่อน table กับ div ฮ่าๆ)
อ่านต่อ
Tips เขียน CSS ให้บางเบา
webdesign
ก่อนอื่นก็โน้มน้าวกันก่อนว่าทำไมต้องเขียนให้มันเบาด้วย อิอิ (ตรูไม่สนตรูเน็ต 8MB ไฟล์ style.css สัก 2MB ก็ช่างประรัญ ฮ่าๆ) เอากันง่ายๆเลยก็คือให้มันขนาดเล็กโหลดไว มองไปอย่างกับอยู่ใน localhost ฮี่ๆๆ ประมาณนั้นละครับ
แบบว่าบางทีไอ้ที่สำคัญๆเราดันไม่เขียนไปเขียนอะไรที่มัน โอเวอร์เกิน หลายๆอย่างควรจะตัดดันใส่ไป หลายๆอย่างที่ควรใส่ไป ดั๊นไม่เขียนใส่ไปซะนี่ >..<
อ่านต่อ
reset.css
webdesign
reset.css เอาไว้ทำอะไร?
ตามความคิดของผมผมว่า reset.css ควรที่ใช้ทุกเมื่อที่เขียน stylesheet / css โดยเรียกไว้ก่อนสิ่งอื่นใด (ไม่ว่าจะใช้ link[rel=stylesheet] หรือจะ import ก็ตามแต่ แต่ผมชอบ @import ใส่ไว้บรรทัดแรกใน style.css)
reset.css เป็นไฟล์ที่ เรียกได้ว่า “สูงสู่คืนสู่สามัญ” หรือว่า Normalize ได้เลยเพราะว่ามันจะทำ browser ต่างๆ กลับมาใช้ stylesheet เริ่มต้น( User-agent stylesheet) ”ที่คล้ายกัน” แม้ว่าจะไม่เหมือนกัน 100% ก็เถอะแต่ก็ช่วยได้เยอะอยู่
อ่านต่อ
ข้อความแสงนีออนจ้า Glowing Text
text effect
ไม่ได้อัพ blog ซะนาน เอาซักหน่อยละกัน อิอิ (entry หลังๆจะขึ้นต้นแบบนี้ตลอดเลย ฮ่าๆ)
เอาหละ เรื่งอนี้จะกล่าวถึง photoshop สักหน่อยนะครับเกี่ยวกับ ทำตัวอักษรให้ดูน่ารัก (หรือเปล่าไม่แน่ใจ)