Code Tutorials

Articles


เขียน CSS ให้ดีขึ้นได้ง่าย ๆ ด้วยเทคนิค BEM !!

เวลามีคนเขียน CSS หลายคนในโปรเจคเดียวกัน หรือนำโค้ดของคนอื่นมาแก้ต่อ (เช่น ซื้อจาก Themeforest) จะแก้ CSS ได้ยากเพราะอ่านไม่ออก มาดูวิธีแก้แบบ BEM CSS กัน


Icon Font คืออะไร? สอนวิธีใช้และเทคนิคเด็ด ๆ ที่คนทำเว็บห้ามพลาด !!

แนะนำการใช้ Icon Font ไอคอนแบบใหม่ที่ย่อขยายได้โดยรูปไม่มีวันแตก แถมใช้งานง่ายกว่ารูป PNG หลายเท่า และแน่นอนว่าดาวน์โหลดใช้ในงานได้ฟรี ไม่ผิดลิขสิทธิ์


[Hot Topic] สอนทำเว็บไซต์ให้รองรับ Retina Display หน้าจอความละเอียดสูง

เทคนิคการทำ Website ของเราให้รองรับ Retina Display หน้าจอความละเอียด 2x จากปกตินั้นไม่ยากเลยครับ มาดู 4 วิธีในการทำ Graphics ของเว็บไซต์เราให้รองรับ Retina


SASS คืออะไร? เทคนิคช่วยให้การเขียน CSS เป็นเรื่องง่าย ๆ ใช้กันทั่วโลก !!

SASS คือ CSS Preprocessor ซึ่งทำงานเหมือนกับ LESS CSS หลักการเขียนจะคล้ายเขียน CSS ทั่วไป แต่มีฟีเจอร์พิเศษช่วยให้เขียนเร็วขึ้น หรือเขียนน้อยแต่ได้มาก


CSS Guideline – เปิดตำราสอนเทคนิคเขียน CSS อย่างมืออาชีพ !!

เทคนิค CSS มีเยอะแยะที่ในตำราไม่เคยมีใครเขียนถึง ไม่ว่าจะเป็นการเขียน CSS ให้เป็นระเบียบ สามารถกลับมาแก้ไขได้ง่าย และนำไปให้เพื่อนร่วมทีมเขียนต่อได้


[Hot Topic] LESS CSS สอนเทคนิคเทพที่จะเปลี่ยนการเขียน CSS ของคุณ !!

วันนี้เรามาพูดถึงเทคนิคในการเขียน CSS ที่มีมาพักใหญ่ ๆ แล้ว แต่ยังไม่มีการพูดถึงในไทยมากนัก บางคนอาจคิดว่ามันใช้ยาก หรืออ่านบทความสอนใช้ในเว็บต่างประเทศแล้วยังงง ๆ ว่ามันดียังไง วันนี้ผมจะมาอธิบายทุกประเด็นเกี่ยวกับการใช้ LESS CSS ครับ [UPDATE] ถ้าใครสนใจการใช้งาน SASS ซึ่งเป็นญาติของ LESS CSS..

[jQuery Free Course] เรียน jQuery ฟรี ๆ กับคอร์ส “Learn jQuery in 30 Days” !!

อัพเดท: แก้ไขลิงค์ให้ถูกต้อง 02/09/2014 สวัสดีครับ หลาย ๆ ท่านที่ได้ติดตาม DesignIL Facebook Fanpage ของเรา อาจจะพอได้ข่าวว่าทางเว็บไซต์ของเรามีแพลนจะเปิดคอร์สสอนเว็บดีไซน์นะครับผม ส่วนรายละเอียดถ้าเรียบร้อยเมื่อไรจะประกาศให้ทราบกันครับ ช่วงนี้งานค่อนข้างรัดตัวอาจจะล่าช้าสักหน่อยครับ jQuery เป็น 1 ใน Javascript Library..