Search

รวม CSS Cheatsheets สำหรับคนทำเว็บแบบละเอียด มีทั้ง Grid ทุกรูปแบบ, Input และอื่น ๆอีกเพียบ

CSS Selector ตัวใหม่ที่จะเข้ามาช่วยให้เราเขียน CSS ได้สั้นขึ้นและไวขึ้นครับ มาดูกันเลย

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

เบื่อมั้ยกับการจัด CSS รูปภาพทุกหน้าจอให้มีขนาดกว้าง​ สูงที่เท่ากัน Aspect ratio ตัวใหม่ที่จะช่วยแก้ปัญหาขนาดของรูปภาพให้มีขนาดเท่ากัน

แจกฟรีโค้ด CSS สำหรับทำเส้น hr ในเว็บไซต์หลากหลายรูปแบบ พร้อมใช้งาน

วีดิโอนสอนการใช้งาน CSS3 เรื่องของ Selector พร้อมตัวอย่าง Workshop แบบลงมือทำไปพร้อมกัน

วันนี้ใน Github มีคนปล่อยของดี เป็นชุดโค้ด CSS ที่เราต้องใช้บ่อย ๆ เหมาะมากกับ Frontend Developer / Designer หรือคนทำเว็บทุกคนควรมีเก็บไว้เป็นอย่างยิ่ง เช่น โค้ด CSS จัดกลางแนวตั้งแนวนอน, โค้ดทำตัวหนังสือจม, โค้ดวาดสามเหลี่ยม, โค้ด Clearfix แบบไม่รก, โค้ดเงาขาวเวลาเลื่อนอ่าน ฯลฯ

ปัจจุบัน Content ที่เป็นวีดิโอมีมากขึ้นเรื่อย ๆ เพราะอินเตอร์เน็ตเราเร็วกันแล้ว สามารถเสพย์เนื้อหา Video ได้สะดวกขึ้นกว่าเดิมเยอะมาก ๆ แน่นอนว่าคนทำเว็บไซต์อย่างเราก็ควรจะต้องรู้วิธีการใส่วีดิโอลงในเว็บไซต์ รวมถึงวิธีทำให้วีดิโอของเราย่อขยายอัตโนมัติตามหน้าจอ

เชื่อว่าหลาย ๆ คนคงรู้จัก Bootstrap / Foundation กันอยู่แล้ว โดยเฉพาะ Bootstrap นี่กลายเป็นเครื่องมือติดตัวที่คนทำเว็บไซต์ส่วนใหญ่เลือกใช้ และส่งผลให้เว็บไซต์ออกมาหน้าตาเหมือนกันหมด

แบรนด์แต่ละเจ้าต่างก็มีสีที่บ่งบอกเอกลักษณ์ของตัวเอง ซึ่งการที่เราจะนำโลโก้ของเค้าไปใช้ในงานดีไซน์ เช่น ทำปุ่มแชร์ Facebook, Twitter, Pinterest เราก็ควรจะใช้โลโก้คู่กับสีแบรนด์ให้ถูกต้อง ไม่อย่างนั้นพอ User เห็นครั้งแรกอาจจะงงไปนิดนึง

เมื่อวานนี้มีโอกาสได้ไปพูดในงาน Code Mania 11 ซึ่งจัดขึ้นโดยสมาคมโปรแกรมเมอร์ไทย ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยครับ

RSCSS หรือ Reasonable System for CSS Stylesheet Structure เป็นระบบ CSS ที่คิดค้นขึ้นโดยบริษัท RS จากการนำความรู้ด้านดนตรี ทำนองเพลงมาใช้ควบคู่ไปกับการเขียนโค้ด