console.delight - Menggunakan CSS, SVG, dan HTML di konsol browser

• Mempercantik jendela konsol untuk membangun branding bagi pengguna yang penuh rasa ingin tahu
• Versi online Photoshop menampilkan versi dengan ikon dan beragam warna di konsol
• Pada console.log/info, meski terbatas, dimungkinkan juga menampilkan gambar dengan memanfaatkan CSS/SVG dan data:image

Fitur yang didukung di konsol

• SVG
  • Ekspresi SVG dasar: circle, path, dan lainnya
  • Gradient, Clip Path, Mask, Filter, Transform, animasi SMIL, foreignObject, Patterns
• CSS
  • Animasi CSS, variabel CSS, kueri @media, unit viewport
  • background-image: linear-gradient()
• JavaScript
  • Referensi DOM di dalam SVG, perubahan SVG DOM
  • Pemanfaatan variabel global dan variabel CSS
• Rendering HTML
  • Memiliki batasan serupa dengan SVG. Tag a tidak bisa digunakan. Event listener juga tidak didukung, dan sebagainya
  • HTML di dalam foreignObject milik SVG bahkan memungkinkan 3D Transform