Skip to content

Instantly share code, notes, and snippets.

@mredar
Last active August 29, 2015 14:06
Show Gist options
  • Save mredar/d1cb45760c8b2af37614 to your computer and use it in GitHub Desktop.
Save mredar/d1cb45760c8b2af37614 to your computer and use it in GitHub Desktop.
HTML/CSS tricks
from: https://www.quora.com/Web-Development/What-are-the-most-interesting-HTML-JS-DOM-CSS-hacks-that-most-web-developers-dont-know-about
different node depth colors, for identifying layouts on page
* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
You can turn your browser into a notepad by pasting the following in the URL bar and hitting Return key.
data:text/html, <html contenteditable>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment