matijs’s gists

matijs / camelCase.js

Last active November 3, 2016 14:18

Convert foo-bar-baz into a camelCased version

	const camelCase = str => str.split( /[_,-]+/ ).map( ( item, index ) => index === 0 ? item : item.charAt(0).toUpperCase() + item.slice(1).toLowerCase()
	).join('');

matijs / classList.js

Last active May 14, 2019 20:44

Element.prototype.classList polyfill

	if ( 'document' in self ) {

	// Full polyfill for browsers with no classList support
	// Including IE < Edge missing SVGElement.classList
	if ( !( 'classList' in document.createElement( '_' ) )
	\|\| document.createElementNS && !( 'classList' in document.createElementNS( 'http://www.w3.org/2000/svg', 'g' ) ) ) {

	( function( view ) {
	'use strict';
	var DOMEx;

matijs / .scss-lint.yml

Last active August 4, 2016 10:36

All SCSS Linter options, quite restrictive, see https://github.com/brigade/scss-lint/blob/master/lib/scss_lint/linter/README.md for an explanation of the options.

matijs / isInteractiveElement.js

Last active June 29, 2016 08:30

	function isInteractiveElement( element ) {
	if ( [ 'A', 'BUTTON', 'DETAILS', 'EMBED', 'IFRAME', 'KEYGEN', 'LABEL', 'SELECT', 'TEXTAREA' ].indexOf( element.nodeName ) !== -1 ) {
	return true;
	}
	if ( element.nodeName === 'INPUT' && element.type !== 'hidden' ) {
	return true;
	}
	if ( ['AUDIO', 'VIDEO'].indexOf( element.nodeName ) > -1 && element.hasAttribute('controls') ) {
	return true;
	}

matijs / qsaHelper.js

Created June 23, 2016 05:36

Helper function to return querySelectorAll results as an array

	function $_( selectors, baseElement ) {
	var elements = (baseElement \|\| document).querySelectorAll( selectors );
	return Array.prototype.slice.call( elements );
	}

matijs / insert-script.js

Created March 9, 2016 18:37

Sure fire DOM Element insertion

+function insertScript(url, onload, onerror) {
+    var ref = document.getElementsByTagName('script')[0];
+    var script = document.createElement('script');
+    script.src = url;
+    if (typeof onload === 'function') {
+        script.onload = onload;
+    }
+    if (typeof onerror === 'function') {
+        script.onerror = onerror;
+    }

matijs / makefile

Last active October 1, 2021 12:10

Minimalist makefile using PostCSS

	# some variables
	POSTCSS = ./node_modules/.bin/postcss
	POSTCSS_FLAGS = --use autoprefixer autoprefixer.browsers "> 2%"
	# wildcard expansion is performed only in targets and in prerequisites so here we need $(wildcard)
	SOURCES = $(wildcard src/css/*.css)
	# use $(SOURCES) to determine what we actually need using a bit of pattern substitution
	TARGETS = $(patsubst src%, build%, $(SOURCES))

	# our default target (see below)
	all: $(TARGETS)

matijs / .editorconfig

Last active February 9, 2016 14:21

Sensible EditorConfig defaults

	# For more information about the properties used in
	# this file, please see the EditorConfig documentation:
	# http://editorconfig.org/

	root = true

	[*]
	charset = utf-8
	end_of_line = lf
	indent_size = 2

matijs / textarea-keyboard-save.js

Created January 26, 2016 12:26

Trigger a click on a 'save' button by pressing cmd/ctrl-s in a textarea (adapt as needed)

	(function() {
	'use strict';

	document.addEventListener('keydown', function(event) {
	var S = 83,
	activeElement = document.activeElement,
	saveButtonId,
	saveButton;

	if ((event.key === S \|\| event.keyCode === S) && (event.metaKey \|\| event.ctrlKey) && activeElement.nodeName === 'TEXTAREA') {

matijs / index.html

Created June 8, 2015 12:46

mJmxOG

	<p>
	<a href="#" class="button">Foo Bar</a>
	<button type="button" class="button">Baz Quux</button>
	</p>

matijs matijs