Skip to content

Instantly share code, notes, and snippets.

View louisebolden's full-sized avatar

Louise louisebolden

View GitHub Profile
@louisebolden
louisebolden / schema-productontology-physical-therapy-clinic.html
Last active August 29, 2015 14:15
Schema Markup + Productontology (Physical Therapy Clinic)
<div itemscope itemtype="http://schema.org/MedicalClinic">
<link itemprop="additionalType" href="http://www.productontology.org/id/Physical_therapy" />
<span itemprop="name">Physical Therapy Clinic</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">100 High Street</span>
<span itemprop="addressRegion">London</span>
<span itemprop="postalCode">W1A 2BC</span>
@louisebolden
louisebolden / schema-markup-productontology-physiotherapy.html
Created February 17, 2015 10:24
Schema Markup + Productontology (Physiotherapy Service)
<div itemscope itemtype="http://schema.org/Service">
<link itemprop="additionalType" href="http://www.productontology.org/id/Chest_physiotherapy" />
<span itemprop="description">Chest Physiotherapy</span>
</div>
<div itemscope itemtype="http://schema.org/Florist">
<span itemprop="name">Local Florist</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">100 High Street</span>
<span itemprop="addressRegion">London</span>
<span itemprop="postalCode">W1A 2BC</span>
</div>
@louisebolden
louisebolden / schema-markup-creativework.html
Last active August 29, 2015 14:15
Schema Markup (CreativeWork)
<div itemtype="http://schema.org/ItemList http://schema.org/CreativeWork">
<h1 itemprop="name">My Latest Article</h1>
Posted on <span itemprop="datePublished" content="2015-02-01T19:30">February 1st, 2015</span>
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
<span itemprop="name" content="Bob Smith">Bob Smith</span>
@louisebolden
louisebolden / schema-markup-event.html
Created February 17, 2015 11:24
Schema Markup (Event)
<div itemscope itemtype="http://schema.org/Event">
<span itemprop="name">Roman Road Market</span>
<span itemprop="startDate" content="2015-02-14T08:00">Saturday February 14th, 8am</span>
<div itemprop="location" itemscope itemtype="http://schema.org/Place">
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="addressLocality">Roman Road</span>,
@louisebolden
louisebolden / schema-markup-review.html
Created February 17, 2015 11:31
Schema Markup (Review)
<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">Kenmore White 17" Microwave</span>
<img src="kenmore-microwave-17in.jpg" alt='Kenmore 17" Microwave' />
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="priceCurrency" content="GBP">£</span><span
itemprop="price" content="1000.00">800.00</span>
<link itemprop="availability" href="http://schema.org/InStock" />In stock
@louisebolden
louisebolden / schema-markup-product.html
Created February 17, 2015 11:36
Schema Markup (Product)
<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">Kenmore White 17" Microwave</span>
<img src="kenmore-microwave-17in.jpg" alt='Kenmore 17" Microwave' />
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="priceCurrency" content="GBP">£</span><span
itemprop="price" content="1000.00">800.00</span>
<link itemprop="availability" href="http://schema.org/InStock" />In stock
@louisebolden
louisebolden / schema-markup-service.html
Created February 17, 2015 11:38
Schema Markup (Service)
<div itemprop="orderedItem" itemscope itemtype="http://schema.org/Service">
<span itemprop="description">Flower delivery</span>
</div>
@louisebolden
louisebolden / schema-markup-localbusiness.html
Created February 17, 2015 11:40
Schema Markup (LocalBusiness)
<div itemscope itemtype="http://schema.org/LocalBusiness">
<h1><span itemprop="name">Flower Delivery Company</span></h1>
<span itemprop="description">We deliver beautiful flowers to any address in London.</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">101 High Street</span>
<span itemprop="addressRegion">London</span>
<span itemprop="postalCode">W1A 2BC</span>
@louisebolden
louisebolden / css-list-columns-with-break-inside.css
Created September 11, 2017 09:44
A List Element with CSS Columns and `column-break-inside: avoid;`, to display the border-bottom on each list item correctly.
ol, ul {
columns: 3;
-webkit-column-break-inside: avoid;
}
li {
border-bottom: 1px solid silver;
margin-bottom: 1rem;
padding-bottom: 1rem;
}