console.delight - ब्राउज़र console विंडो में CSS, SVG, HTML का उपयोग

• console विंडो को सुंदर बनाकर जिज्ञासु उपयोगकर्ताओं के बीच ब्रांड पहचान बनाई जा सकती है
• Photoshop का online version console में icon और विभिन्न रंगों से version दिखाता है
• console.log/info में सीमाएँ हैं, लेकिन CSS/SVG और data:image का उपयोग करके image rendering भी संभव है

console में समर्थित फीचर

• SVG
  • बुनियादी SVG elements: circle, path आदि
  • Gradient, Clip Path, Mask, Filter, Transform, SMIL animation, foreignObject, Patterns
• CSS
  • CSS animation, CSS variables, @media queries, Viewport units
  • background-image: linear-gradient()
• JavaScript
  • SVG के भीतर DOM references, SVG DOM में बदलाव
  • Global variables और CSS variables का उपयोग
• HTML rendering
  • SVG जैसी कुछ सीमाएँ हैं। a tag का उपयोग नहीं किया जा सकता, event listeners भी संभव नहीं हैं आदि
  • SVG के foreignObject के अंदर का HTML 3D Transform भी कर सकता है