Skip to content

Instantly share code, notes, and snippets.

@montogeek

montogeek/jsbin.itOlOKe.css

Created October 18, 2013 18:00
Show Gist options
  • Save montogeek/7045501 to your computer and use it in GitHub Desktop.
Save montogeek/7045501 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
jsbin.itOlOKe.css
.wrapper {
max-width: 320px;
margin: auto;
}
Raw
jsbin.itOlOKe.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div class="wrapper">
<h3>psuedo-classes</h3>
<ul>
<li>:hover</li>
<li>:active</li>
<li>:checked
<ul>
<li>-checkbox</li>
<li>-radio</li>
</ul>
</li>
<li>:focus</li>
<li>:target</li>
</ul>
<h3>Responsive techniques</h3>
<ul>
<li>Inherent Ratio</li>
<li>Text overflow Ellipsis</li>
<li>Master Centering</li>
</ul>
<h3>Excersises</h3>
<ol>
<li><a href="http://jsbin.com/AnoSaWU/9999/edit" target="_blank">Active/Hover Dropdown</a></li>
<li><a href="http://jsbin.com/ocAnawE/9999/edit" target="_blank">Checkbox Dropdown</a></li>
<li><a href="http://jsbin.com/OtemIKE/9999/edit" target="_blank">Radio Accordian</a></li>
<li><a href="http://jsbin.com/eqEsavA/9999/edit" target="_blank">Target Modal</a></li>
<li><a href="http://jsbin.com/EDOqOpE/9999/edit" target="_blank">Inherent ratio</a></li>
<li><a href="http://jsbin.com/UJUsoWu/9999/edit" target="_blank">Text overflow Ellipsis</a></li>
<li><a href="http://jsbin.com/ixuTacU/9999/edit" target="_blank">Master Centering</a></li>
</ol>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment