Skip to content

Instantly share code, notes, and snippets.

View bearduk's full-sized avatar

Chris Beard bearduk

  • Keele University
  • Keele, UK
View GitHub Profile

BEM Cheatsheet

BLOCK

Block encapsulates a standalone entity that is meaningful on its own.

While blocks can be nested and interact with each other, semantically they remain equal; there is no precedence or hierarchy.

Holistic entities without DOM representation (such as controllers or models) can be blocks as well.

@bearduk
bearduk / README.md
Created November 15, 2017 09:26 — forked from roachhd/README.md
EMOJI cheatsheet 😛😳😗😓🙉😸🙈🙊😽💀💢💥✨💏👫👄👃👀👛👛🗼🔮🔮🎄🎅👻

EMOJI CHEAT SHEET

Emoji emoticons listed on this page are supported on Campfire, GitHub, Basecamp, Redbooth, Trac, Flowdock, Sprint.ly, Kandan, Textbox.io, Kippt, Redmine, JabbR, Trello, Hall, plug.dj, Qiita, Zendesk, Ruby China, Grove, Idobata, NodeBB Forums, Slack, Streamup, OrganisedMinds, Hackpad, Cryptbin, Kato, Reportedly, Cheerful Ghost, IRCCloud, Dashcube, MyVideoGameList, Subrosa, Sococo, Quip, And Bang, Bonusly, Discourse, Ello, and Twemoji Awesome. However some of the emoji codes are not super easy to remember, so here is a little cheat sheet. ✈ Got flash enabled? Click the emoji code and it will be copied to your clipboard.

People

:bowtie: 😄

@bearduk
bearduk / course-finder.js
Created October 2, 2017 13:01
Algolia search in vue component
<template lang="html">
<div class="shield course-finder">
<div class="shield__content">
<svg class="svg-icon" height="40px" width="40px">
<use xlink:href="/media/svg/sprite.svg#icon-course-finder"></use></svg>
<h2>Find a course for you</h2>
<form action="/absolute/patterns/view/search-results" class="" id="" method="get" name="">
<div class="form__field floating-label">
<select id="field-level" name="field-level" required="">
<option disabled selected value="">