Skip to content

Instantly share code, notes, and snippets.

View tilomitra's full-sized avatar
👋

Tilo Mitra tilomitra

👋
View GitHub Profile
@tilomitra
tilomitra / gist:4437649
Created January 2, 2013 20:23
table-bordered class
<table class="yui3-table yui3-table-bordered">
...
</table>
@tilomitra
tilomitra / gist:4437659
Created January 2, 2013 20:24
horizontal border table
<table class="yui3-table yui3-table-horizontal">
...
</table>
@tilomitra
tilomitra / gist:4437684
Created January 2, 2013 20:30
even and odd <tr>
<tr class='yui3-table-odd'>
<td>3</td>
<td>Hyundai</td>
<td>Elantra</td>
<td>2010</td>
</tr>
<tr>
<td>4</td>
<td>Ford</td>
<td>Focus</td>
@tilomitra
tilomitra / gist:4437764
Last active December 10, 2015 12:58
plain table syntax
<table class="yui3-table yui3-table-bordered">
<thead class="yui3-thead-simple">
<tr>
<th>#</th>
<th>Make</th>
<th>Model</th>
<th>Year</th>
</tr>
</thead>
<tbody>
@tilomitra
tilomitra / default-form.html
Last active December 10, 2015 14:28
Default Form
<form>
<fieldset>
<legend>Legend</legend>
<label>First Name</label>
<input type="text">
<label>Last Name</label>
<input type="text">
@tilomitra
tilomitra / gist:4447706
Last active December 10, 2015 14:28
Multi Column Form
<form>
<fieldset>
<legend>Legend</legend>
<div class='yui3-g-responsive'>
<div class='yui3-u-1-3'>
<label>
First Name
<input type="text">
</label>
@tilomitra
tilomitra / gist:4447716
Created January 3, 2013 21:52
inline form
<form class="yui3-form-inline">
<legend>A compact inline form</legend>
<input type="text" class="yui3-input-small" placeholder="Email">
<input type="password" class="yui3-input-small" placeholder="Password">
<label class="yui3-checkbox">
<input type="checkbox"> Remember me
</label>
<button type="submit" class="yui3-button">Sign in</button>
</form>
@tilomitra
tilomitra / gist:4447718
Last active December 10, 2015 14:28
horizontal form
<form class="yui3-form-horizontal">
<fieldset>
<div class="yui3-control-group">
<label>Username</label>
<input type="text" placeholder="Username">
</div>
<div class="yui3-control-group">
<label>Password</label>
<input type="password" placeholder="Password">
@tilomitra
tilomitra / gist:4447722
Created January 3, 2013 21:53
Grouped Inputs
<form>
<fieldset class='yui3-group'>
<input type="text" class='yui3-input-large' placeholder='Username'>
<input type="password" class='yui3-input-large' placeholder='Password'>
<input type="text" class='yui3-input-large' placeholder='Email'>
</fieldset>
<fieldset class='yui3-group'>
<input type="text" class='yui3-input-large' placeholder='Another Group'>
<input type="text" class='yui3-input-large' placeholder='More Stuff'>
</fieldset>
@tilomitra
tilomitra / gist:4447727
Created January 3, 2013 21:54
Input Sizing
<input class="yui3-input-mini" type="text">
<input class="yui3-input-small" type="text">
<input class="yui3-input-medium" type="text">
<input class="yui3-input-large" type="text">
<input class="yui3-input-xlarge" type="text">
<input class="yui3-input-xxlarge" type="text">