console.delight - Uso de CSS, SVG y HTML en la consola del navegador

• Haz que la consola se vea más atractiva para generar marca entre usuarios curiosos
• La versión en línea de Photoshop muestra su versión en la consola con íconos y varios colores
• console.log/info tiene limitaciones, pero aun así permite mostrar imágenes usando CSS, SVG y data:image

Funciones compatibles en la consola

• SVG
  • Elementos SVG básicos: circle, path, etc.
  • Gradient, Clip Path, Mask, Filter, Transform, animaciones SMIL, foreignObject, Patterns
• CSS
  • Animaciones CSS, variables CSS, consultas @media, unidades de viewport
  • background-image: linear-gradient()
• JavaScript
  • Referencias al DOM dentro de SVG, modificación del SVG DOM
  • Uso de variables globales y variables CSS
• Renderizado HTML
  • Tiene limitaciones similares a SVG. No se puede usar la etiqueta a, no se permiten event listeners, etc.
  • El HTML dentro de foreignObject de SVG incluso puede usar transformaciones 3D