หมดเวลาสำหรับ CSS-Tricks แล้ว ตอนนี้เป็นเวลาสำหรับ CSS Crimes!
ในภาพรวมปัจจุบันของผู้ให้บริการเนื้อหา ผู้ใช้มักจำกัดการแสดงออกทางข้อความ ลิงก์ และรูปภาพ กฎการฆ่าเชื้อมักจะตัด HTML, JavaScript และแอตทริบิวต์ต่างๆ ออก
บริการโซเชียลมีเดีย cohost ให้ผู้ใช้มีอิสระมากขึ้นกับมาร์กอัปและสไตล์อินไลน์มากกว่าที่เราคุ้นเคย ผู้ใช้บางคนใช้ประโยชน์จากเสรีภาพนี้ในการก่ออาชญากรรม CSS! ส่งผลให้มีการสร้างสรรค์อินเทอร์เฟซที่คุ้นเคยและเกมแบบโต้ตอบโดยใช้คุณสมบัติในรูปแบบที่แปลกใหม่
Blackle Mori ประดิษฐ์อุปกรณ์ โดยที่การดึงมือจับจะเปลี่ยนชุดเกียร์ รอก และโซ่อย่างช้าๆ ในที่สุด รูรับแสงก็เปิดขึ้นเพื่อเผยให้เห็นมาสค็อตของไซต์ ("ตัวต่อ") และคำประกาศ "ทำได้ดีมาก!" ฉันได้ดูสิ่งนี้ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์แล้วและมันเป็นส่วนผสมที่น่าทึ่งของ grid, resize, transformและ calc(). ฉันลงเอยด้วยการเพิ่ม a border ทุก <div>เพื่อพยายามทำความเข้าใจว่าองค์ประกอบแต่ละอย่างเคลื่อนไหวอย่างไร
มีหลายสถานการณ์ในอดีตที่ฉันถูกจำกัดไม่ให้ใช้ชุดเครื่องมือเต็มรูปแบบของ HTML, JavaScript และ CSS มีหลายครั้งของการใช้การตกแต่ง รูปร่าง CSS เพื่อให้ได้ภาพรอบๆ เคยใช้ :hover เป็นวิธีแก้ปัญหาสำหรับ mouseenter และ mouseleave. เคยใช้ input:checked เป็นผู้คัดเลือกพี่น้อง สำหรับการสลับ
แม้ว่า CSS Crimes อาจไม่ใช่สิ่งที่คุณต้องการใช้เป็นประจำ แต่เราควรเปิดรับการทดลองภายใต้ข้อจำกัดที่สามารถส่งเสริมโซลูชันที่สร้างสรรค์
