[Free Tool] CSS3 Click Chart รวมวิธีใช้ CSS3 แบบเข้าใจง่าย ๆ !!

CSS3 Tutorial Click Chart

สำหรับใครที่ยังไม่รู้ว่า CSS3 คืออะไร และทำอะไรได้บ้าง แนะนำให้ไปลองอ่านบทความสอนพื้นฐาน CSS3 กันก่อนครับ

ถ้ารู้สึกว่าตัวเองเข้าใจ CSS ในระดับหนึ่ง และพอรู้แล้วว่า CSS3 พอจะทำอะไรได้บ้าง ก็มาลองดูกันว่าความสามารถของ CSS3 ยังมีอะไรอีกบ้างที่คุณยังไม่รู้!! ซึ่งเว็บไซด์ที่ผมไปเจอมานี้ รวมคำสั่ง CSS3 เอาไว้เยอะมาก พร้อมรูปประกอบ โค้ดตัวอย่างการใช้ และระบุชัดเจนว่าบราวเซอร์เวอร์ชั่นไหนบ้างที่รองรับคำสั่งแต่ละอัน

สนใจคำสั่งไหนก็คลิกบนหัวข้อคำสั่งนั้นเลยครับ จะมีโค้ดตัวอย่างอย่าง และข้อมูลเกี่ยวกับคำสั่งนั้นโผล่ขึ้นมาให้ดู

ในการเข้าชมเว็บไซด์นี้ แนะนำให้ใช้บราวเซอร์ใหม่ ๆ หน่อยนะครับ เว็บบราวเซอร์ที่เค้าแนะนำก็คือ Chrome 4+, Safari 4+, หรือ Firefox 3.6+ ครับผม (สำหรับคนที่อยากเป็นเว็บดีไซน์เนอร์ แต่ใช้ Internet Explorer มาตลอด… แนะนำให้เปลี่ยนด่วนเลยครับ!)

>> CSS3 Click Chart by Impressive Webs <<

About the author

designil เจ้าของเว็บไซต์ CodeNIL และ DesignIL. มีประสบการณ์ด้านการสร้างเกมส์ด้วย RPG Maker XP/VX และเขียนสคริปต์ RGSS/RGSS2 (Ruby) สำหรับใช้ในเกมส์. ปัจจุบันเป็นฟรีแลนซ์รับทำงานเว็บดีไซน์ และเขียน Web Application โดยใช้ XHTML/CSS/PHP/MySQL. กำลังศึกษาอยู่ที่คณะวิศวกรรมยานยนต์ จุฬาลงกรณ์มหาวิทยาลัย.




บทความ Web Design น่าอ่าน

  • http://www.squashup.com/ Torti

    ขอบคุณสำหรับบทความที่ดีครับ

  • http://www.designil.com/ DesignIL

    ขอบคุณที่แวะมาครับผม ^^

  • http://www.designil.com/%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b8%94%e0%b8%b5%e0%b9%84%e0%b8%8b%e0%b8%99%e0%b9%8c-javascript-css3-ecsstender.html [CSS Tips] อยากใช้ CSS3 ใน IE6 ทำไง + Validate CSS ตระกูล -moz- ยังไงให้ผ่าน? | เว็บดีไซน์ สอนออกแบบเว็บไซต์ Web Design

    [...] [...]

  • ak2010

    ขอบคุณมากๆครับ

  • http://www.watchonsales.com Watches

    บทความเยี่ยมครับ เข้ามาอ่านประจำ ขอบคุณมากๆ ที่ทำให้มีความรู้เพิ่ม

  • http://www.designil.com/ DesignIL

    ขอบคุณที่แวะมาคร้าบ :D