หมวดหมู่ Tutorials

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

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

อ่านต่อ »
d27 html5
Code Tutorials

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

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

อ่านต่อ »
d23 web app css3 generator
Coding

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

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

อ่านต่อ »
Css3 01
Code Tutorials

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

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

อ่านต่อ »
web design mistake
Design

[Webdesign Tips] 10 ข้อผิดพลาดที่เห็นบ่อย ๆ ในเว็บดีไซน์

ข้อผิดพลาดในการดีไซน์ที่เห็นได้บ่อย ๆ ซึ่งบางข้อก็เป็นเรื่องธรรมดามาก ๆ แต่บางคนก็มองข้ามไปครับ ลองอ่านกันดูครับ ชอบไม่ชอบยังไงก็บอกกันได้ครับ

อ่านต่อ »
good portfolio design
Design

[Designer Tips] 10 ข้อที่ขาดไม่ได้ใน Portfolio ของเว็บดีไซเนอร์

เว็บดีไซเนอร์ หรือแม้แต่นักวาดรูปต่าง ๆ ย่อมต้องมี Portfolio เพื่อให้ลูกค้าได้มาดูผลงานก่อนจะจ้างเรา มาดูกันว่าการทำ Portfolio ควรมีข้อมูลอะไรให้ลูกค้าบ้าง

อ่านต่อ »