A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$ if your browser aliases it:
~ 108 byte version
| <%# bodyタグにページのスラッグをつける %> | |
| <% if entry? %> | |
| <body class="<%= @theme_types.join(' ') %> <%= @entry.slug %>"> | |
| <% else %> | |
| <body class="<%= @theme_types.join(' ') %>"> | |
| <% end %> | |
| <%# Topページにだけアイキャッチを表示 %> | |
| <% if index? %> |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <title>My Web Page</title> | |
| <meta charset="utf-8"> | |
| <link href="/stylesheets/main.css" rel="stylesheet"> | |
| </head> | |
| <body> | |
| </body> | |
| </html> |