console.delight - Sử dụng CSS, SVG, HTML trong bảng điều khiển của trình duyệt

• Làm đẹp cửa sổ console để tạo dấu ấn thương hiệu với những người dùng tò mò
• Phiên bản Photoshop trực tuyến hiển thị phiên bản trong console bằng biểu tượng và nhiều màu sắc khác nhau
• console.log/info có giới hạn, nhưng vẫn có thể dùng CSS/SVG và data:image để hiển thị hình ảnh

Các tính năng được hỗ trợ trong console

• SVG
  • Các biểu diễn SVG cơ bản: circle, path v.v.
  • Gradient, Clip Path, Mask, Filter, Transform, hoạt ảnh SMIL, foreignObject, Patterns
• CSS
  • Hoạt ảnh CSS, biến CSS, truy vấn @media, đơn vị viewport
  • background-image: linear-gradient()
• JavaScript
  • Tham chiếu DOM trong SVG, thay đổi SVG DOM
  • Sử dụng biến global và biến CSS
• Kết xuất HTML
  • Có những giới hạn tương tự SVG. Không thể dùng thẻ a, không thể dùng event listener, v.v.
  • HTML bên trong foreignObject của SVG thậm chí còn có thể dùng cả 3D Transform