![Article Image](https://mecode.blog/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBGQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--560cb378a423a8c85de032c8f3209d359dd94ade/what-is-css-pseudo-class.jpg)
Wed Jul 18 10:42:56 2018
CSS Pseudo-Class คืออะไร?
เคยสงสัยไหมว่าเวลาเราเอาเมาส์เลื่อนไปที่ปุ่ม แล้วสีปุ่มหรือตัวอักษรเปลี่ยน เขาใช้ CSS ทำอย่างไร บทความนี้เราจะมาพูดถึงเรื่อง pseduo-class (class แฝง) ซึ่งใช้ในการกำหนดว่าเมื่อ element มีสภาวะอย่างนี้ ให้ใช้การตกแต่งตามนี้
ดูเพิ่มเติม![Article Image](https://mecode.blog/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--dcd254c85327ddac0ef6be629ad8d6f1fe2c1bee/let-s-use-html5-tags.jpg)
Tue Jul 17 19:14:12 2018
มาใช้แท็ก HTML5 เพื่อให้โค้ดเป็นระเบียบมากขึ้นไปอีก
จากบทความที่แล้ว เกี่ยวกับการจัด HTML ให้เป็นระเบียบโดยการใช้ div เป็นหลัก เราสามารถพัฒนาโค้ดของเราได้อีก โดยการใช้แท็กของ HTML5 ซึ่งอ่านง่ายยิ่งขึ้นและช่วยในด้าน SEO มากกว่าด้วย บทความนี้จะมาแนะนำแท็ก HTML5 ที่ใช้บ่อยๆ
ดูเพิ่มเติม![Article Image](https://mecode.blog/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--13e4af78c172a587e92a65dd73cafc97c234d547/organizing-html-code.jpg)
Sun Jul 15 01:39:47 2018
การจัด HTML ให้เป็นระเบียบ เพื่อให้ชีวิตง่ายขึ้น
การเขียนโค้ดที่ดีนั้นจำเป็นต้องจัดโค้ดให้เป็นระเบียบ เพื่อให้ง่ายต่อการอ่าน ทั้งกับตัวเองและผู้อื่นที่จะมาอ่านโค้ดเรา วันนี้เราจะมาดูกันว่าการโค้ด HTML ที่ดีนั้นเป็นอย่างไร
ดูเพิ่มเติม![Article Image](https://mecode.blog/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--f593ec75efb422e47951156fa804a448fe6fb5e7/common-css-properties.jpg)
Wed Jul 11 14:03:07 2018
คุณสมบัติ CSS ที่ใช้กันบ่อยๆ
หลายๆ คนที่เพิ่งเรียน CSS ไปกับ MeCode ก็คงจะสงสัยว่ามี CSS properties(คุณสมบัติ) อะไรบ้างล่ะ ที่เราใช้กันบ่อยๆ และจำเป็นต้องรู้
ดูเพิ่มเติม![Article Image](https://mecode.blog/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--123292f157ae6457ce28e18b58810af30b00c30b/let-s-code-css.png)
Fri Jul 6 22:11:39 2018
มาลองโค้ด CSS กัน
เข้าใจโครงสร้างและหลักการทำงานของ CSS กันแล้ว ก็มาลองโค้ด CSS กันเลย!
ดูเพิ่มเติม