Skip to content

Instantly share code, notes, and snippets.

@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>
@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 / 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 / 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)
alert('hello world');
alert('hello world');
alert('hello from github!');
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
jekyll: {
server: {
server: true,
auto: true
}
}
markdown: rdiscount
pygments: true
permalink: /:day-:month-:year/:title.html
@qasimalyas
qasimalyas / SassMeister-input-HTML.html
Created November 24, 2013 22:49
Generated by SassMeister.com.
<div id="wrapper">
<div class="twocolumns">
<div class="column column-one">column one</div>
<div class="column column-two">column two</div>
</div>
</div>