Skip to content

Instantly share code, notes, and snippets.

<accounts>
<accounts_size>1484</accounts_size> <!-- list all accounts first returns statistics on accounts -->
<account> <!-- one account object is returned for every account -->
<account_id>1440</account_id>
<username>ajm85tx</username>
<first_name>Alex</first_name>
<last_name>Morales</last_name>
<email_address>[email protected]</email_address>
<last_login>2011-12-13 14:08:13 -0600</last_login>
<organization_ids/>
@tylerlee
tylerlee / form-markup.html
Created April 3, 2012 17:10
5 Ways to lay out forms in markup
<!-- How to Layout a Form -->
<!-- GitHub (The Definition List Method) -->
<form>
<fieldset>
<dl class="form">
<dt><label>Example Text</label></dt>
<dd><input type="text" class="textfield" value="Example Value" /></dd>
@tylerlee
tylerlee / markup-form.html
Created May 7, 2012 15:22
how to write a form in markup with the definition list method
<form>
<fieldset>
<dl class="form">
<dt><label>Example Text</label></dt>
<dd><input type="text" class="textfield" value="Example Value" /></dd>
</dl>
<dl class="form">
<dt><label>Example Label</label></dt>
<dd>
@tylerlee
tylerlee / truncate
Created July 9, 2012 23:46
coffescript truncate
# Public: Truncates a piece of text
#
# content - the string to be truncated
# length - the length at which to cut the string
# omission - defaults to '...'
#
#
# Examples
#
@tylerlee
tylerlee / gist:8338300
Created January 9, 2014 17:31
Vertical Tabs Markup
<% links = [{:title => 'Home', :path => styleguide_path},
{:title => 'The Grid', :path => styleguide_path(:grid)},
...] %>
<%=
vertical_tabs do |ui|
links.each do |tab|
ui.tab tab[:title],
tab.delete(:path)
end
end
@tylerlee
tylerlee / layout-options.erb
Created January 9, 2014 17:50
Layout Options
<!-- "Full" Layout. The Default -->
<div class="layout">
<div class="main">
Main
</div>
</div>
<!-- Layout With Sidebar -->
<div class="layout with-sidebar">
<div class="main">
@tylerlee
tylerlee / full-layout.erb
Created January 9, 2014 17:51
Full Layout
<!-- "Full" Layout. The Default -->
<div class="layout">
<div class="main">
Main
</div>
</div>
<!-- Layout With Sidebar -->
<div class="layout with-sidebar">
<div class="main">
Main
</div>
<div class="sidebar">
Sidebar
</div>
</div>
<!-- Layout with Sidebar (Left) -->
<div class="layout with-sidebar">
<div class="sidebar">
Sidebar
</div>
<div class="main">
Main
</div>
</div>
<!-- Split Layout -->
<div class="layout split">
<div class="main">
Main
</div>
<div class="sidebar">
Sidebar
</div>
</div>