Skip to content

Instantly share code, notes, and snippets.

View lauraeddy's full-sized avatar

Laura Eddy lauraeddy

View GitHub Profile
@lauraeddy
lauraeddy / 0_reuse_code.js
Last active August 29, 2015 14:16
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@lauraeddy
lauraeddy / If item count is 0.liquid
Created November 26, 2015 01:28
Liquid - if no items found
{module_webappscustomer id="13164" filter="all" collection="checkinAnswers" template=""}
{% assign itemCount = checkinAnswers.items | size %}
{% if itemCount == 0 %}
{module_webapps id="13127" filter="classified" itemid="SSH/SSH - {module_pagetitle}"}
{% else -%}
{module_webappscustomer id="13164" filter="all"}
@lauraeddy
lauraeddy / Liquid - Get values
Created November 26, 2015 01:28
Liquid - If field is empty
<pre>{{this|json}}</pre>
@lauraeddy
lauraeddy / Shipping - Same as billing.html
Created November 26, 2015 01:29
Shipping - Same as billing
<div class="form-group">
<div class="checkbox"><input type="checkbox" onclick="SetBilling(this.checked);" value="on" /><label>Same as Shipping</label></div>
</div>
@lauraeddy
lauraeddy / Liquid - Empty Image.liquid
Created November 26, 2015 01:40
Liquid - Empty Image
{% if {{image} == empty %}{% else %}
<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
<div class="row">
<div class="image"><img src="{{image}}" alt="{{name}}" class="img-responsive"/></div>
</div>
</div>
{% endif %}
@lauraeddy
lauraeddy / jQuery - counter.html
Created November 26, 2015 01:40
jQuery - counter
<section class="number-data-wrap">
<div class="container text-center">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="number-data"><span id="number-courses">120<i>+</i></span> Courses on offer</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="number-data"><span id="number-students">32000<i>+</i></span> students trained</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="number-data"><span id="number-companies">1300<i>+</i></span> companies serviced</div>
@lauraeddy
lauraeddy / HTML
Created November 26, 2015 01:40
Scroll to anchor point - ease animation
<!--Anchor buttons-->
<a href="/#tastes" title="Tastes" alt="Tastes" class="anchor">Tastes</a>
<a href="/#culture" title="Culture" alt="Culture" class="anchor">Culture</a>
<!--Anchor to-->
<span id="tastes" class="anchored"></span>
<span id="culture" class="anchored"></span>
@lauraeddy
lauraeddy / Form - Confirm email address.html
Created November 26, 2015 01:40
Confirm email address field in form
<label for="EmailAddress2">Confirm Email Address <span class="req">*</span></label>
<input id="EmailAddress2" class="cat_textbox" name="EmailAddress2" maxlength="255"/>
@lauraeddy
lauraeddy / JS - if less than
Created November 26, 2015 01:41
JS - if less than # characters Use this for the description textarea or when the empty field one doesn't work
$('ul li').each(function() {
if ($(this).text().length < 3)
$(this).closest('.description').remove();
});
@lauraeddy
lauraeddy / Liquid - dynamic styled dropdown.css
Created November 26, 2015 01:43
Liquid - dynamic styled dropdown
.styled-select select {
background: transparent;
width: 200px;
padding: 0;
height: 55px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
height: 55px;