daviddarnes

Liquid highlight with language type: {% hightlight html %}

<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;html&gt;</span>
	<span class="nt">&lt;p&gt;</span>Hi world<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;/html&gt;</span></code><button class="button--copy">Copy <span class="octicon octicon-clippy"></span></button></pre></figure>


Backticks with language type: ``` html

<div class="highlighter-rouge"><pre class="highlight"><code><span class="nt">&lt;html&gt;</span>

daviddarnes

• Open Graph
  • http://ogp.me/
• Aria Roles
  • http://w3c.github.io/aria-in-html/
  • http://html5doctor.com/using-aria-in-html/
  • http://w3c.github.io/aria-in-html/#h-aria-roles
• Schema attributes
  • https://developers.google.com/structured-data/
  • https://developers.google.com/structured-data/rich-snippets/
• HTML5 elements

daviddarnes

# Permalinks
permalink: pretty

# Posts
excerpt_separator: <!-- more -->

# Site info
url: "https://darn.es"
title: "David Darnes"
description: "Web Designer & Front-end Developer"

daviddarnes

Steps to save the BBC Recipes Archive

1. Setup an organisation on GitHub
2. Create a repo called "theorgname".github.io
3. Select a decent default Jekyll template
4. Use this scraper? https://github.com/forbesg/bbc-good-food-recipe-scraper Or something similar to extract all the recipes (ideally in markdown)
5. Upload the recipes to the repo, maybe under a new collection type
6. See what we can do from there?

daviddarnes

<!-- Proposed Index json output -->
<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "WebSite",
    "name": "Dave’s Blog",
    "headline": "Dave’s Blog",
    "image": "https://www.gravatar.com/avatar/6c0377abcf4da91cdd35dea4554b2a4c?s=600",
    "description": "Articles, tutorials and other ramblings",
    "publisher": {

daviddarnes

root

• garth-jekyll-theme.gemspec
• _layouts
  • default.html
  • page.html
  • front.html
  • post.html
• _includes
  • header.html
• footer.html

daviddarnes

Jekyll CMSs / Editors

• Siteleaf
• CloudCannon
• Prose.io
• Forestry.io
• DatoCMS
• BowTie.io
• GitHub
• jekyll-admin

daviddarnes

function repeatify(count) {
	let newString = this;
	for (var i = 1; i < count; i++) {
		newString += this;
	}
	return newString;
}

String.prototype.repeatify = repeatify;

daviddarnes

{% spaceless %}
{% if integer > 1 %}
  {{ plural }}
{% else %}
  {{ singular }}
{% endif %}
{% endspaceless %}

daviddarnes

• Archives - Design Systems http://news.design.systems/issues

• Css and Scalability http://mrmrs.github.io/writing/2016/03/24/scalable-css/

• Navigation in Lists: To Be or Not To Be | CSS-Tricks https://css-tricks.com/navigation-in-lists-to-be-or-not-to-be/

• In Defense of Utility-First CSS | frontstuff