Skip to content

Instantly share code, notes, and snippets.

View timpaul's full-sized avatar

Tim Paul timpaul

48 followers · 3 following
  • Government Digital Service
  • London
View GitHub Profile
@timpaul
timpaul / Info.md
Created May 23, 2012 09:59
Tooltip pattern

Tooltip

This tooltip is based on the one here: http://viget.com/inspire/css-pointer-events-and-a-pure-css3-animating-tooltip

Please note that the tooltip content immediately follows the tooltip link in the code, so make sure that it reads semantically (a question/answer format works well).

Specific tooltips will probably need custom styling, depending on context/content.

GOOD: CSS-only

@timpaul
timpaul / date-of-birth.html
Created August 15, 2012 14:49
HTML markup for a date-of-birth picker
<div class="control-group">
<label for="dob-day" class="control-label">Date of birth</label>
<div class="controls">
<select name="dob-day" id="dob-day">
<option value="">Day</option>
<option value="">---</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
@timpaul
timpaul / gist:8868687
Created February 7, 2014 18:26

An example of an embedded gist in a Hackpad

Some text

  • Some
  • Bullets