console.delight - Tarayıcı konsolunda CSS, SVG, HTML kullanmak

• Konsol penceresini güzel hale getirerek meraklı kullanıcılarda marka algısı oluşturmak
• Photoshop'un çevrimiçi sürümü, konsolda simgeler ve çeşitli renklerle sürümü gösteriyor
• console.log/info içinde sınırlı olsa da CSS/SVG ve data:image kullanarak görsel ifade etmek de mümkün

Konsolda desteklenen özellikler

• SVG
  • Temel SVG ifadeleri: circle, path vb.
  • Gradient, Clip Path, Mask, Filter, Transform, SMIL animasyonları, foreignObject, Patterns
• CSS
  • CSS animasyonları, CSS değişkenleri, @media sorguları, Viewport birimleri
  • background-image: linear-gradient()
• JavaScript
  • SVG içinde DOM referansları, SVG DOM değiştirme
  • Global değişkenler ve CSS değişkenlerinden yararlanma
• HTML render etme
  • SVG'ye benzer kısıtlamalar var. a etiketi kullanılamıyor. Event listener kullanılamıyor vb.
  • SVG içindeki foreignObject içindeki HTML'de 3D Transform da mümkün