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> |