Vince Speelman VinSpee

## gist:4557917
/**
* Filter out hard-coded width, height attributes on all images in WordPress.
* https://gist.github.com/4557917
*
* This version applies the function as a filter to the_content rather than send_to_editor.
* Changes made by filtering send_to_editor will be lost if you update the image or associated post
* and you will slowly lose your grip on sanity if you don't know to keep an eye out for it.
* the_content applies to the content of a post after it is retrieved from the database and is "theme-safe".
* (i.e., Your changes will not be stored permanently or impact the HTML output in other themes.)
*

## jquery-layout-review.md

      
              1 file
            
          
              0 forks
            
          
              2 comments
            
          
              56 stars
            
          
                desandro
                / jquery-layout-review.md
            
            
              Created
              January 28, 2013 18:13
            
              
                layout thrashing in jQuery
              
          
    Re: On layout & web performance by Kelly Norton
#lazyweb Is there any documentation about which jQuery functions/effects trigger layout? re: kellegous.com/j/2013/01/26/l…
— Dave Rupert (@davatron5000) January 28, 2013
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
getWidthOrHeight() used in jQuery.fn.width/height
clientLeft

3180 jQuery.event.mousehooks.filter


## gulpfile.js
///
var pkg = require("./package.json")
  , rimraf = require("rimraf")
  , gulp = require("gulp")
  , gutil = require("gulp-util")
  , filter = require("gulp-filter")
  , plumber = require("gulp-plumber")
  , concat = require("gulp-concat")

gulp.task("clean", function() {

## gist:9856884
module.exports = function(grunt) {

	// Configuration
	grunt.initConfig({
		pkg: grunt.file.readJSON('package.json'),
		shell: {
			patternlab: {
				command: "php core/builder.php -gp"
			}
        	},

## SassMeister-input-HTML.html
<div class="tester"></div>
<div class="tester2"></div>
<div class="tester3"></div>

## reactjs_componentapi_cheatsheet.md

      
              3 files
            
          
              4 forks
            
          
              0 comments
            
          
              25 stars
            
          
                spoike
                / reactjs_componentapi_cheatsheet.md
            
            
              Created
              May 13, 2014 07:51
            
              
                React JS Cheatsheets for Component API, Specifications and Lifecycle
              
          
    ReactJS Component Cheatsheet

To create a ReactComponent:
ReactComponent React.createClass(object proto)

Basic JSX example:
var TitleComponent = React.createClass({

// REQUIRED

  
## ActionTypes.js
export const LOGIN_REQUEST = 'LOGIN_REQUEST';
export const LOGIN_SUCCESS = 'LOGIN_SUCCESS';
export const LOGIN_FAILURE = 'LOGIN_FAILURE';
export const LOGOUT        = 'LOGOUT';

## joy-of-composition.md

      
              1 file
            
          
              0 forks
            
          
              17 comments
            
          
              94 stars
            
          
                ohanhi
                / joy-of-composition.md
            
            
              Last active
              February 3, 2021 18:14
            
              
                The Joy of Composition - Why stateless rendering is pure bliss
              
          
    This is a proposal for a lightning talk at the Reactive 2015 conference.
NOTE: If you like this, star ⭐ the Gist - the amount of stars decides whether it makes the cut!
The Joy of Composition

Why stateless rendering is pure bliss

React just got stateless components,
meaning that they are in essence pure functions for rendering. Pure functions make it dead simple - even fun - to refactor your views

  
## [1] superSuit.js
// Our currying wrapper.
function superSuit (a) {
  return function (b) {
    return 'I can now ' + b + ' like ' + a + '.';
  }
}

// Get the suit ready.
var ironman = superSuit('Iron Man');

## rangeslider.html
<!DOCTYPE html>
<html>
<head>
    <title>Customized range slider, pure CSS</title>
    <style>
        body {
            background: #f8f8f8;
        }
        .slider {
            width: 302px;
	/**
	* Filter out hard-coded width, height attributes on all images in WordPress.
	* https://gist.github.com/4557917
	*
	* This version applies the function as a filter to the_content rather than send_to_editor.
	* Changes made by filtering send_to_editor will be lost if you update the image or associated post
	* and you will slowly lose your grip on sanity if you don't know to keep an eye out for it.
	* the_content applies to the content of a post after it is retrieved from the database and is "theme-safe".
	* (i.e., Your changes will not be stored permanently or impact the HTML output in other themes.)
	*
	///
	var pkg = require("./package.json")
	, rimraf = require("rimraf")
	, gulp = require("gulp")
	, gutil = require("gulp-util")
	, filter = require("gulp-filter")
	, plumber = require("gulp-plumber")
	, concat = require("gulp-concat")

	gulp.task("clean", function() {
	module.exports = function(grunt) {

	// Configuration
	grunt.initConfig({
	pkg: grunt.file.readJSON('package.json'),
	shell: {
	patternlab: {
	command: "php core/builder.php -gp"
	}
	},
	<div class="tester"></div>
	<div class="tester2"></div>
	<div class="tester3"></div>
	export const LOGIN_REQUEST = 'LOGIN_REQUEST';
	export const LOGIN_SUCCESS = 'LOGIN_SUCCESS';
	export const LOGIN_FAILURE = 'LOGIN_FAILURE';
	export const LOGOUT = 'LOGOUT';
	// Our currying wrapper.
	function superSuit (a) {
	return function (b) {
	return 'I can now ' + b + ' like ' + a + '.';
	}
	}

	// Get the suit ready.
	var ironman = superSuit('Iron Man');
	<!DOCTYPE html>
	<html>
	<head>
	<title>Customized range slider, pure CSS</title>
	<style>
	body {
	background: #f8f8f8;
	}
	.slider {
	width: 302px;