Steve Thomson OrganicPanda

Style Guides

Add any links you want in this to the comments and I'll add them.

Sassdown

Grunt/JS/Handlebars

Generates styleguides from Markdown comments in CSS, SASS and LESS files using Handlebars

DSS

Node/JS

ANNOUNCEMENT: We've moved all of these meetups to a better maintained website called Brighton Brains - add it to your bookmarks, share it on your social media, etc. :D

Brighton & Hove Design, Development, and Related Meetups

Development

AsyncJS https://asyncjs.com/

A JavaScript meetup for Brighton & Hove

gif-from-tweet

There are so many great GIFs out there and I want to have copies of them. Twitter makes that harder than it should be by converting them to MP4 and not providing access to the source material. To make it easier, I made a bash pipeline that takes a tweet URL and a filename, extracts the MP4 from that tweet and uses ffmpeg to convert back to GIF.

Dependencies

ffmpeg
- macOS: brew install ffmpeg
- Ubuntu/Debian: apt install ffmpeg

Docker downloads all updates into a directory in /Users/$USER/Library/Caches/com.docker.docker/org.sparkle-project.Sparkle Let's make this directory inaccessible to the user under which Docker is going to run (you).

Switch to root user:

  sudo su

Change directory ownership and prevent access to other users:

	/jslint plusplus: true, vars: true, indent: 2 /

	/*
	convertPointFromPageToNode(element, event.pageX, event.pageY) -> {x, y}
	returns coordinate in element's local coordinate system (works properly with css transforms without perspective projection)

	convertPointFromNodeToPage(element, offsetX, offsetY) -> {x, y}
	returns coordinate in window's coordinate system (works properly with css transforms without perspective projection)
	*/

	// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
	// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

	// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

	// MIT license

	(function() {
	var lastTime = 0;
	var vendors = ['ms', 'moz', 'webkit', 'o'];

	Function.prototype.argNames = function () {
	// Extract function string representation: hopefully we can count on it ?
	var s = this.toString();

	// The cool thing is: this can only be a syntactically valid function declaration
	s = s // "function name (a, b, c) { body }"
	.substring( // "a, b, c"
	s.indexOf('(')+1, // ----------------^
	s.indexOf(')') // ------^
	);

	// modified John Resig's http://ejohn.org/projects/flexible-javascript-events/

	var div = document.createElement('div');

	var addEvent, removeEvent;

	if ( div.addEventListener ) {
	addEvent = function( elem, type, fn ) {
	elem.addEventListener( type, fn, false );
	};

	* {
	font-size: 12pt;
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: black;
	cursor: default;
	}

	import type { HostConfig, Reconciler } from 'react-fiber-types';
	import type { ReactNodeList } from 'react-fiber-types/ReactTypes';
	import DOMPropertyOperations from './DOMPropertyOperations';

	import type {
	Props,
	Container,
	Instance,
	TextInstance,
	OpaqueHandle,