Coding

[Webdesign ETC] Google Font API คืออะไร ทำไมเว็บดีไซเนอร์ควรรู้จักไว้?

วันนี้ทางเว็บไซต์ DesignIL ของเราก็มีของใหม่มานำเสนออีกแล้วครับ หลังจากก่อนหน้านี้ได้เคยเขียนเรื่อง HTML5 และ CSS3 ไปแล้ว สำหรับบทความของ HTML5 จะแปลต่อเร็ว ๆ นี้แน่นอนครับ เนื่องจากผลตอบรับดีมาก ก็ต้องขอบคุณทุกท่านที่แวะมาคอมเม้นท์ด้วยครับผม Google Font API เป็นบริการใหม่ของกูเกิ้ล ที่เพิ่งเริ่มให้บริการเมื่อต้นเดือนพฤษภาคม

d27 html5

[HTML5 Tutorial] ทุกอย่างที่คุณควรรู้เกี่ยวกับ HTML5 !! (ตอนที่ 1)

บทความนี้เขียนขึ้นเพื่อแนะนำ HTML5 ให้ผู้ที่ยังไม่เคยใช้มาก่อน สอนการเขียน HTML5 เบื้องต้น พร้อมทิปและ เทคนิคต่าง ๆ เกี่ยวกับ HTML5 และ CSS3 ครับ

d23 web app css3 generator

[Free Tool] CSS3 Generator ตัวช่วยสร้างโค้ด CSS3 แบบรวดเร็ว!!

วันนี้ท่องเว็บอยู่ดี ๆ ไปเจอ Web Application (โปรแกรมที่ทำงานบนเว็บ ไม่ต้องดาวน์โหลดมาลงเครื่อง) เจ๋ง ๆ ตัวนี้เข้า เลยเอามาแบ่งปันกันครับ CSS3 Generator ตัวนี้เอาไว้ช่วยเว็บดีไซน์เนอร์ที่อยากใช้ CSS3 แต่จำโค้ดได้บ้างไม่ได้บ้างครับ แต่ก่อนจะใช้เครื่องมือนี้ แนะนำให้อ่านบทความสอน CSS3 ก่อนครับ

[Free Download] แจกโปรแกรมช่วยเขียน CSS: Simple CSS

วันนี้มาแนะนำโปรแกรมดีื ๆ ให้ใช้กันบ้างครับ เป็นโปรแกรมช่วยเขียน CSS เหมาะสำหรับคนที่ต้องการทำไฟล์ CSS แต่ขี้เกียจจำว่ามันมี Property อะไรบ้าง โดยเฉพาะกับมือใหม่นี่โปรแกรมตัวนี้ช่วยได้เยอะเลยครับ ทำให้ไม่ต้องไปเปิดตำรา เปิดไฟล์เก่าเพื่อเช็คว่าจะทำแบบนู้นแบบนี้ต้องเขียนยังไง เรามาดูกันว่าโปรแกรมตัวนี้มีข้อดียังไงบ้าง:

Css3 01

[CSS Tutorial] สอนใช้ CSS3 เบื้องต้น พร้อม Code ตัวอย่าง (ตอน 1)

จริง ๆ แล้ว CSS3 ก็ออกมาได้สักพักนึงแล้วครับ แต่ด้วยความที่ต้องอัพเดทเว็บบราวเซอร์ของคุณให้เป็นเวอร์ชั่นใหม่ล่าสุดก่อน ถึงจะเรนเดอร์ CSS3 ได้ (เช่น Mozilla Firefox เวอร์ชั่น 3.6+) เลยยังไม่ค่อยได้รับความนิยมเท่าที่ควรในเว็บไซด์ส่วนใหญ่ครับ และเหตุผลอีกอย่างนึงก็คือคนส่วนใหญ่อาจคิดว่า CSS3 น่าจะใช้ยาก แต่ความจริงแล้วมันก็เป็น CSS

d11 960gs css grid framework

[CSS Framework] 960.gs Grid System มาลองใช้กริดดีไซน์หน้าเว็บไซต์กัน!!

เอนทรีนี้เป็นเอนทรีแรกที่เขียนบทความขึ้นมาเองครับ เนื่องจากไม่นานมานี้ได้ไปลอง CSS Framework ตัวหนึ่ง (จริง ๆ แล้วอาจจะเล็กเกินกว่าจะเรียกว่า Framework) นั่นคือ 960.gs ซึ่งพอเข้าเว็บไปอ่านข้อมูลตอนแรกก็ยังงง ๆ อยู่ แต่พอดู Screencast (หรือวีดิโอ) ของ NetTuts แล้วก็กระจ่างขึ้นมาทันทีเลยครับ