Skip to content

Instantly share code, notes, and snippets.

View danielmatthew's full-sized avatar

Dan Matthew danielmatthew

View GitHub Profile
<div class="form-group">
<label id="listbox-label">Select a resource type</label>
<div class="c-fancy-listbox js-listbox-wrapper">
<button
class="
btn btn-primary btn-block
dropdown-toggle
c-fancy-listbox__toggle
js-listbox-toggle
"
@danielmatthew
danielmatthew / 6.txt
Last active January 28, 2018 14:38
Global Packages
/Users/dm/.nvm/versions/node/v6.9.5/lib
├── @storybook/cli@3.3.10
├── a11y@0.5.0
├── axe-cli@1.3.0
├── bower@1.8.2
├── create-react-app@1.0.0
├── eslint@4.12.1
├── firebase-tools@3.16.0
├── gatsby@1.9.128
├── lighthouse@2.6.0
@danielmatthew
danielmatthew / .travis.yml
Last active December 9, 2017 23:13
danmatthew.co.uk Travis config
branches:
only:
- master
language: ruby
rvm: 2.2
sudo: required
dist: trusty
cache:
- npm
install:
@danielmatthew
danielmatthew / console.js
Created June 28, 2016 07:24
SitePoint console.log example
if (console && console.log && window && window.localStorage && !window.localStorage["hide-watermark"]) {
console.log("%c", "font-size:34px; line-height:1.4em;");
var u = "color:#f9a141;font-weight:bold;"
, a = "color:#258aaf;font-weight:bold;"
, f = "font-size:34px; font-weight:200; letter-spacing:0.02em; line-height:1.4em; font-family:helvetica,arial; color:rgba(0,0,25,0.75);"
, l = "font-size:21px; font-weight:200; letter-spacing:0.2em; line-height:1.4em; font-family:helvetica,arial; color:rgba(0,0,25,0.5);";
console.log(" %cXX\n %cXXXXXX\n %cXXXXXXXXXX\n %cXXXXXXXXXXXX\n %cXXXXXXXXXXXX %cXX\n %cXXXXXXXXXXXX %cXXXXXX\n%cXXXXXXXXXXXX %cXXXXXXXXXX\n %cXXXXXXXXXXXX %cXXXXXXXXXXXX\n %cXXXXXXXXXXXX %cXXXXXXXXXXXX\n %cXXXXXXXXXXXX %cXXXXXXXXXXXX\n %cXXXXXXXXXX %cXXXXXXXXXXXX\n %cXXXXXX %cXXXXXXXXXXXX\n %cXX %cXXXXXXXXXXXX\n %cXXXXXXXX
@danielmatthew
danielmatthew / example.scss
Created June 13, 2016 10:25
!important use case
.input-group-btn > .btn {
background-color: $white;
border-color: $white;
border-left-color: $well-bg !important;
&:hover {
background-color: $gray-superlight;
border-color: $gray-superlight;
}
{
"bold_folder_labels": true,
"caret_extra_bottom": 2,
"caret_extra_top": 2,
"caret_extra_width": 3,
"caret_style": "phase",
"color_scheme": "Packages/Theme - Cobalt2/cobalt2.tmTheme",
"create_window_at_startup": false,
"draw_white_space": "all",
"ensure_newline_at_eof_on_save": true,
@danielmatthew
danielmatthew / linked-list
Created January 22, 2014 16:01
The essence of a linked list in JavaScript
// A single node
var node1 = {
data: null,
next: null
};
// Add data to node
node1.data = 12;
// Create another node
@danielmatthew
danielmatthew / gist:6351319
Created August 27, 2013 09:03
JavaScript snippet to add in appropriate meta tag after page has loaded
var meta;
if (document.createElement && (meta = document.createElement('meta'))) {
meta.name = 'format-detection';
meta.content = 'telephone=no';
document.getElementsByTagName('head')[0].appendChild(meta);
}
@danielmatthew
danielmatthew / gist:730c60ac76a55fcbc66c
Created November 1, 2015 15:12
Sync master and gh-pages
#[remote "origin"]
push = +refs/heads/master:refs/heads/gh-pages
push = +refs/heads/master:refs/heads/master
@danielmatthew
danielmatthew / index.html
Created August 13, 2012 12:24
New HTML5 site boilerplate
<!DOCTYPE>
<html>
<head>
<title></title>
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="stylesheets/screen.css">