Skip to content

Instantly share code, notes, and snippets.

View abitgone's full-sized avatar

Anthony Williams abitgone

View GitHub Profile
@abitgone
abitgone / MainMenuController.h
Created September 15, 2010 10:37
Very Basic UITableViewController Pattern
#import <UIKit/UIKit.h>
@interface MainMenuController : UITableViewController {
NSMutableArray *menuSections;
}
@property (nonatomic, retain) NSMutableArray *menuSections;
@abitgone
abitgone / arrow-mask.svg
Created October 8, 2010 13:06
Real-world Example of using SVG in HTML
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@abitgone
abitgone / EventMarkup.html
Created December 13, 2010 13:00
XHTML Footer News Post Pattern
<li class="event vevent">
<a href="/Events/2011/01/happy-new-year" class="url" title="Happy New Year!">
<abbr class="date" title="Saturday, January 01, 2011">
<span class="Month">Jan</span>
<span class="Day">01</span>
<span class="Year Access">2010: </span>
</abbr>
<span class="details clearfix">
<span class="title summary">Happy New Year</span><span class="Access">,</span>
<span class="subtitle"><abbr class="dtstart" title="2011-01-01">1st</abbr> - <abbr class="dtend" title="2011-01-10">10th January, 2011</abbr></span>
@abitgone
abitgone / VehicleMarkup.html
Created December 13, 2010 13:10
XHTML Footer Vehicle Pattern
<li class="vehicle">
<a href="/Used/Cars/Volkswagen/Golf/Diesel_2.0_TDi_140_GT_5dr/83682">
<img alt="Used Volkswagen Golf Diesel 2.0 TDi 140 GT 5dr" class="photo" src="/img/v/used/Featured/83682/main.jpg" />
<span class="details">
<span class="title">Volkswagen Golf</span>
<span class="subtitle">Diesel 2.0 TDi 140 GT 5dr<span class="Access">.</span></span>
<span class="description">809 miles, Diesel<span class="Access">.</span></span>
<span class="price">£20,490<span class="Access">.</span></span>
</span>
</a>
@abitgone
abitgone / Features.html
Created December 13, 2010 13:24
Existing XHTML pattern – how should it be marked up in HTML5?
<div id="featured">
<div id="events">
<h3>News, Events and Offers</h3>
<ul class="updates">
<!-- ... -->
</ul>
</div>
<div id="usedcars">
<h3>Featured Used Cars</h3>
<ul class="vehicles">
@abitgone
abitgone / bootstrap-grid.css
Created February 29, 2012 14:47
Grid Overlay for Twitter Bootstrap
/*
* Grid Overlay for Twitter Bootstrap
* Assumes a 1.692em baseline grid (22px/13px)
*/
@media (min-width: 1200px) {
body {
background: -webkit-gradient(linear, top left, bottom left, color-stop(0%, rgba(0, 0, 0, 0.05)), color-stop(4.545%, rgba(0, 0, 0, 0.05)), color-stop(4.545%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, top left, top right, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.05)), color-stop(36%, rgba(0, 0, 0, 0.05)), color-stop(36%, rgba(0, 0, 0, 0)), color-stop(65%, rgba(0, 0, 0, 0)), color-stop(65%, rgba(0, 0, 0, 0.05)), color-stop(66%, rgba(0, 0, 0, 0.05)), color-stop(66%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, top left, top right, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(0.085%, rgba(0, 0, 0, 0.1)), color-stop(0.085%, rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.05), rgba(
@abitgone
abitgone / two-level-nav.html
Created March 8, 2012 12:55
Two-Level Navigation Example
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Two-Level Split Navigation Test</title>
<style>
html {
font-size: 13px;
font-family: Helvetica, Arial, sans-serif;
}
@abitgone
abitgone / dabblet.css
Created August 23, 2012 08:16
Not-so-boring Checkboxes
/**
* Not-so-boring Checkboxes
*/
.pretty-checkbox {
display: inline-block;
font-family: Helvetica, Arial, sans-serif;
}
.pretty-checkbox input[type=checkbox] {
height:0; line-height: 0; padding: 0; margin: 0; position: relative; top: -10px; visibility: hidden;
@abitgone
abitgone / dabblet.css
Created August 29, 2012 11:18
Proposed Settings for Twapp
/**
* Proposed Settings for Twapp
*/
body {
font: 21px/1.5 "Helvetica Neue", sans-serif;
color: #444;
border-top: 0.444em solid #008fd5;
padding: 3.375em;
background: #fafafa;
}
@abitgone
abitgone / dabblet.css
Created August 30, 2012 13:18
Proposed Settings for Twapp
/**
* Proposed Settings for Twapp
*/
body {
font: 21px/1.5 "Helvetica Neue", sans-serif;
color: #444;
border-top: 0.444em solid #008fd5;
padding: 3.375em;
background: #fafafa;
}