Rabbitinblack1 min read

CSS : พัฒนาการเขียน HTML และ CSS กัน [Slide]

เมื่อวันที่ 3 - 5 ตุลาคมที่ผ่านมา ที่ลอนดอนประเทศอังกฤษมีงานประชุม Future of Web Apps ซึ่งคุณ Chris Coyier นั้นพูดในหัวข้อ Writing Better HTML & CSS เราจึงนำ Slide ที่เค้าใช้ในงานมาแบ่งปันกันครับ

เมื่อวันที่ 3 - 5 ตุลาคมที่ผ่านมา ที่ลอนดอนประเทศอังกฤษมีงานประชุม Future of Web Apps ซึ่งคุณ Chris Coyier นั้นพูดในหัวข้อ Writing Better HTML & CSS เราจึงนำ Slide ที่เค้าใช้ในงานมาแบ่งปันกันครับ

ที่มา : Writing Better HTML & CSS (Slides from FOWA London)

Continue reading

diagram ก่อนและหลังใส่ clip-path: การ์ดสีน้ำเงินเต็มใบที่มีเงาดำ กับการ์ดใบเดียวกันที่ถูกตัดขอบล่างเป็นเส้นเฉียง ส่วนมุมและเงาที่ถูกตัดเหลือเพียงเส้นประ
4 min

ทำไมใส่ clip-path แล้วเงาหาย และมุมที่ตัดไปกดไม่ได้

เข้าใจ clip-path ผ่านภาพแผ่นฉลุ รู้ว่ามันตัดอะไรทิ้งและอะไรยังอยู่ ทำไม circle(50%) ถึงไม่ได้วงกลมพอดีกล่อง และทำ animation เปลี่ยนรูปทรงให้ลื่น พร้อมผลทดสอบจริงใน Chrome, Firefox และ Safari

animationclip-path