July 31, 2007 at 9:26 pm
· Filed under เริ่มต้นกับ CSS
สำหรับคนที่ได้ลองเขียน css ด้วยตัวเองมาบ้างแล้ว ก็คงพอจะทราบว่า แท้จริงแล้ว หน้าเว็บก็ไม่ได้มีอะไรมากไปกว่าการทำกล่องและใส่ margin padding ซึ่งก็คือ การจัดตำแหน่งการแสดงผลของหน้าเว็บเพจ โดยใช้โค้ดที่แยกออกจากส่วน โครงสร้าง HTML เท่านั้นเอง แต่ภายใต้การกระทำที่แสนจะพื้นฐาน กลับมีเทคนิคมากมาย เพราะเบราเซอร์ที่มีในโลกนี้ ไม่ได้ทำงานไปในทิศทางเดียวกัน หากเขียน css ให้เว็บเพจดูได้สมบูรณ์ที่ เบราเซอร์เดียวแล้วละก็ เราจะไม่ต้องมีเทคนิคอะไรเลยก็ทำได้ง่ายแสนง่าย ดังนั้นเมื่อเริ่มเขียน css สิ่งที่ควรจะระลึกไว้เสมอคือ ถ้าต้องการให้เว็บดูได้สมบูรณ์ที่ หลายๆเบราเซอร์ อย่าใช้โค้ดใหม่ (css2 , css3) หรือโค้ดเทพต่างๆให้มากนัก เพราะคุณจะประสบปัญหาการแสดงผลอย่างแน่นอน แล้วจะต้องมานั่ง hack กันให้เสียเวลา พยายาม keep simple เข้าไว้ หรือถ้าคุณไม่แคร์ และคิดว่า จะให้เว็บดูสุดยอดที่ firefox เท่านั้น นั่นก็อีกเรื่อง ใส่กันเข้าไปให้เต็มที่ ตามใจอยาก
เข้าเรื่องที่จะพูดถึงกัน เว็บเพจโดยทั่วไปแล้ว มักจะถูกกำหนดความกว้าง (width) เป็นค่าอย่างใดอย่างหนึ่ง อาจเป็น pixel หรือ เปอร์เซ็นต์ เพราะเราไม่ต้องการให้มีการยืดที่ด้านข้าง แต่เว็บเราเลื่อนลงข้างล่าง ความสูง(height) จึงมักจะเป็นตัวแปรตาม คือไม่กำหนดค่า แล้วแต่ว่า เนื้อหาภายในมีมากน้อยเพียงใด เรามาดูว่า ปัญหาของค่า height นั้นมีอะไรบ้าง
อ่านต่อ คลิกที่นี่ »
Permalink
July 30, 2007 at 10:37 am
· Filed under CSS templates
Size: 111 KB
W3C: XHTML 1.0
CSS: Yes
Tableless Design: Yes
Permalink
July 30, 2007 at 10:34 am
· Filed under CSS templates
Size: 133 KB
W3C: XHTML 1.0
CSS: Yes
Tableless Design: Yes
Permalink
July 30, 2007 at 10:30 am
· Filed under CSS templates
Size: 114 KB
W3C: XHTML 1.0
CSS: Yes
Tableless Design: Yes
Permalink
July 2, 2007 at 10:27 am
· Filed under Tip & Trick
สำหรับคนที่ทำเว็บให้ ชาว MAC ซึ่งส่วนใหญ่ก็ใช้ เบราเซอร์ Safari เพราะเป็นเบราเซอรประจำเครื่อง เราก็ควรจะรู้ก่อนว่า safari ยอมรับ property ไหนบ้าง ที่เวอชั่นอะไรแต่ส่วนใหญ่แล้ว ถ้าเขียนให้ firefox อ่านได้ Safari ก็มักจะไม่มีปัญหาอะไร ไปดู property ที่ Safari รับได้ ที่นี่ครับ CSS support in safari Mac ส่วน Safari windows ที่ออกมาใหม่นั้น ก็ยังเป็น beta อยู่ อ่าน font thai ไม่ค่อยสวยเท่าไร ไม่รู้ว่าการอ่าน css จะเป็นไงบ้าง ถ้ามันอ่านได้เหมือน mac ละก็ จะเป็นเรื่องดีมาก เพราะผมจะได้ไม่ต้องไปเทส เว็บที่เครื่อง mac แล้วมาเทสที่ window แทน เท่าที่ลองใช้ดู ต่างกันอยู่นิดหน่อยครับ เรื่องฟ้อน เรื่องลิ้งค์ ต้องขอเวลาศึกษาอีกซักระยะ ข้อดีที่สุดเห็นจะเป็นเรื่องความเร็วของการเปิดหน้าเว็บนี่ล่ะครับ เร็วจริงๆให้ดิ้นตาย ยังกับเปิดหน้า html ในเครื่องตัวเองยังงั้นเลย firefox ว่าเร็วกว่า ie7 แล้วนะ เจอ safari window เข้าไป formula1 มากๆ ใครอยากลองใช้ก็ไปดาวน์โหลด ได้ที่นี่ครับ Safari window beta
Permalink
