April 21, 2007 at 5:35 pm
· Filed under CSS tools
tool ในวันนี้ สำหรับ Web Developer ทุกๆคนเลย ครับ ไม่จำเป็นว่า จะใช้เฉพาะคนที่ทำ CSS เท่านั้น เป็น Addon toolbar ที่ใช้กับ Browser firefox ครับ ถ้าใครยังไม่มี firefox ดาวน์โหลด ที่นี่เลยครับ

มีดีอะไร?
มาดูในส่วนของ css กันก่อน อ่านต่อ คลิกที่นี่ »
Permalink
April 19, 2007 at 7:25 pm
· Filed under Web Standards
Web Standards คำนี้อาจจะไม่คุ้นหู ใครหลายๆคน หรือบางคนอาจจะรู้จักมาบ้างแล้ว วันนี้เรามาพูดถึงเรื่องนี้กัน ในที่นี่เราจะพูดถึง 2 ชนิด คือ
1. W3C Standards

2. ECMA Standards

w3c ก่อตั้งโดย นาย Tim Berners ในปี 1994 มีสมาชิก เช่น ไมโครซอฟท์, แอปเปิล, ไอบีเอ็ม ตั้งขึ้นเพื่อกำหนดมาตรฐานของเว็บไซต์ ในส่วนของ html xml xhtml และ css ส่วน ecma(European Computer Manufacturers Association) นั้น เกิดขึ้นในปี 1961 ตั้งขึ้นเพื่อกำหนดมาตรฐานเกี่ยวกับ จาวาสคริป และ DOM (Document Object Model)
ทำไมต้อง Web Standards
ถ้าหากคุณเคยเปิดเว็บไซต์ด้วยเบราเซอร์หลายๆอัน ก็จะพบว่า แต่ละอันก็ต่างคนต่างพัฒนา แล้วยังแย่งกันครองตลาดอีกด้วย การแสดงผลก็ต่างกัน ทำให้เป็นปัญหาแก่้ผู้พัฒนาเว็บเป็นอย่างมาก ที่จะทำเว็บไซต์เข้าถึงได้ทุกบุคคล ทุกเบราเซอร์ และ ทุกเครื่องที่จะแสดงผล (เช่น แสดงผลบน ทีวี pda จอคอม หรืออื่นๆ) ดังนั้น จึงมีการกำหนดมาตรฐานการทำเว็บไซต์ขึ้น เพื่อให้ผู้พัฒนาเว็บ ได้เดินไปในแนวทางเดียวกัน
ประโยชน์ของ Web Standards่
อ่านต่อ คลิกที่นี่ »
Permalink
April 18, 2007 at 12:05 pm
· Filed under Webmaster talks
น่ารักดีครับ เห็นแล้วก็ชอบเลย เผื่อว่าใคร อยากจะขอบคุณใคร ซัก 1 ล้านคำ จะได้เอาไปใช้นะ
ไปที่ลิ้งค์นี้เลย ครับ http://axonnsd.org/WebData/FlashFun/flash/thankyou.swf
Permalink
April 17, 2007 at 6:48 pm
· Filed under เริ่มต้นกับ CSS
ในหน้าเว็บเพจนั้น แต่ละส่วน มองกันอย่างง่ายๆมันก็คือ กล่องแต่ละกล่อง วางต่อๆกัน เป็นการวาง layout พิ้นฐาน ซึ่งมีความสำคัญมาก เราจะมาดูกันว่า box แต่ละอัน มีส่วนประกอบอะไรบ้าง
: ภาพตัวอย่าง

content area 100×100 pixel
padding 10px คือ ส่วนที่เว้นเข้ามาจากเส้นขอบ
boder 10 px คือ เส้นขอบ
margin 10 px คือ ระยะห่างจากเส้นขอบออกไปด้านนอก
ทดสอบ Box model
อ่านต่อ คลิกที่นี่ »
Permalink
April 16, 2007 at 11:58 pm
· Filed under Tip & Trick
favicon ก็คือ ไอคอนเล็กๆ ที่บ่งบอกความเป็นเว็บคุณนั่นเอง แบบนี้

ในยุค web2.0 นี้ ใครๆก็มี favicon กัน วิธีทำก็คือ ทำภาพมาให้มีขนาด 16×16 pixel เซฟเป็น favicon.ico แล้วอัพโหลดขึ้นไปบนโฮสต์ จากนั้นใส่โค้ด นี้ในส่วน <head> ของหน้า html
-
<link rel="shortcut icon" href="http://www.divland.com/favicon.ico" />
หรือถ้าคุณต้องการความรวดเร็ว เพียงเลือกภาพที่ชอบ โปรแกรมก็จะ generate favicon ออกมาให้เองเลยครับ ไปที่นี่ได้เลย

Permalink