Skip to content

Instantly share code, notes, and snippets.

alert('hello from github!');
alert('hello world');
alert('hello world');
@qasimalyas
qasimalyas / ios-media-queries.sass
Created April 28, 2012 20:17 — forked from faun/ios-media-queries.sass
iOS Media Queries for iPhone/iPod, iPad & Retina and Non-Retina Devices
.ipad-only,
.iphone-only,
.retina-only,
.non-retina-only,
.retina-iphone-only,
.non-retina-iphone-only
display: none
// iPad Only
@media only screen and (device-width: 768px)
@qasimalyas
qasimalyas / Clearfix methods
Created August 22, 2011 11:42
Alternative method for the clearing floats - original source https://github.com/twitter/bootstrap
/* Currently used */
.container:after {
content: '.';
visibility: hidden;
height: 0;
display: block;
clear: both;
}
/* New shorter method */
@qasimalyas
qasimalyas / Form.html
Created December 14, 2010 16:04
Example of an accessible form
<h1>Super forms</h1>
<p>This is a form which <strong>will</strong> work across multiple browsers.</p>
<div class="serverValidation">
<p>Please check the listed fields below for errors.</p>
<ol>
<li><a href="#medium">Question label (Medium)</a></li>
<li><a href="#selectMedium">Question label (selectMedium)</a></li>
<li><a href="#radio1">Question label (Radio)</a></li>
<li><a href="#textArea">Question label (textArea)</a></li>
</ol>
@qasimalyas
qasimalyas / table.html
Created December 14, 2010 16:01
Example of an accessible table
<table summary="contains accessible tablular data">
<thead>
<tr>
<th scope="col">Column 1</th>
<th scope="col">Column 2</th>
<th scope="col">Column 3</th>
</tr>
</thead>
<tfoot><tr><td colspan="3">End table</td></tr></tfoot>
<tbody>