console.delight - ใช้ CSS, SVG, HTML ในคอนโซลของเบราว์เซอร์

• ทำให้หน้าต่างคอนโซลสวยงามเพื่อสร้างการจดจำแบรนด์ให้กับผู้ใช้ที่ช่างสงสัย
• Photoshop เวอร์ชันออนไลน์แสดงเวอร์ชันด้วยไอคอนและสีสันหลากหลายในคอนโซล
• แม้ console.log/info จะมีข้อจำกัด แต่ก็ยังสามารถใช้ CSS/SVG และ data:image เพื่อแสดงภาพได้

ฟีเจอร์ที่รองรับในคอนโซล

• SVG
  • การแสดงผล SVG พื้นฐาน: circle, path เป็นต้น
  • Gradient, Clip Path, Mask, Filter, Transform, แอนิเมชัน SMIL, foreignObject, Patterns
• CSS
  • แอนิเมชัน CSS, ตัวแปร CSS, @media query, viewport unit
  • background-image: linear-gradient()
• JavaScript
  • DOM reference ภายใน SVG, การเปลี่ยนแปลง SVG DOM
  • การใช้ตัวแปร global และตัวแปร CSS
• การเรนเดอร์ HTML
  • มีข้อจำกัดคล้ายกับ SVG เช่น ใช้แท็ก a ไม่ได้, ใช้ event listener ไม่ได้ เป็นต้น
  • HTML ภายใน foreignObject ของ SVG สามารถใช้ 3D Transform ได้ด้วย