CSS

อยากเป็น Web Design ทำไง [ตอนที่ 2: Pages Layout]

สวัสดีครับ บทความนี้ผมจะมาสอนการก้าวเข้าสู่การเป็น Web Design ซึ่งจะออกมาเป็นตอนๆ ให้ได้อ่านกันโดยผมจะสรุปเอาจากสิ่งที่จำเป็นต้องรู้ จนไปถึงลงงานใน Photoshop ก็จะอยู่ช่วงหลังๆ โดยบทความนี้จะไม่ได้โฟกัสที่กลุ่ม Designer อย่างเดียวแต่รวมถึง Web Developer ที่ต้องการจะศึกษาเรื่องการออกแบบด้วย   Intro of Series หลังจากที่ผมได้สอนกันไปครั่งที่แล้วตอนที่ 1 link เกี่ยวกับการออกแบบว่าสมัยนี้เขานิยมอะไรกัน มาถึงตรงนี้เราจะเริ่มมาพูดเกี่ยวกับ [...]

[CSS] เพิ่มความไวในการ Render หน้าเว็บด้วยการเขียน CSS ให้ถูกต้อง

สำหรับบทความนี้จะมาอธิบายการเขียน CSS ให้ถูกต้องเพื่อให้การเรนเดอร์หน้าเว็บนั่นไวขึ้น โดยปกติเราก็จะใช้การทำ minify css ลดขนาดกันอยู่แล้วซึ่งช่วยได้ในระดับนึง แต่ปัญหาจริงๆ อยู่ตรงไหน? ก็คือเราคนเขียนครับ บางคนรู้ว่าเขียน CSS ยังไงแต่ รู้ไหมว่ามันทำงานยังไง และ Selector ที่เขาพูดกันนั่นมันคืออะไรกันแน่ CSS เขียนให้ทำงานไวได้ด้วยหรอ?? คงเป็นคำถามของหลายๆ คน ปกติจากที่ผมผ่านจะมักเห็นคนเขียนหน้าเว็บแค่แสดงผลได้โดยไม่ได้สนใจว่าการเขียนนั่นถูกต้องแค่ไหน ไม่เคยวัดความไวหน้าเว็บกันละสิ?? [...]

[Web Design] ออกแบบเว็บด้วย Golden Ratio

สวัสดีครับพอดีผมได้ไปอ่านบทความของ creativebloq เขาพูดถึงเรื่องของการออกแบบเว็บด้วย Golden Ratio (wiki) ซึ่งรายละเอียดเป็นการนำเอาลำดับฟีโบนักชีมาใช้ในการคำนวณอัตราส่วนของการจัดวางโครงสร้างเว็บเรา ถ้าต้องการหาเพิ่มเติมในเว็บก็มีเสริมาให้คือ Golden Mean, The Golden Section [...]