Sebastian Werner swernerx

## css-with-react-checklist.md

      
              1 file
            
          
              5 forks
            
          
              4 comments
            
          
              18 stars
            
          
                DavidWells
                / css-with-react-checklist.md
            
            
              Last active
              November 21, 2018 22:56
            
              
                Lots of talk about different CSS solutions for React. This gist attempts to shed light on pros/cons of approaches. 
              
          
    Here is a checklist of all the things I need my CSS solution to handle.
I can explain any of the points. Leave a comment on the gist or tweet @DavidWells
Challenge: Take your favorite CSS solution and see how the checklist holds up.

 Has ability Localize classes
 Has ability to use global classes
 Has ability to write raw CSS
 Syntax highlighting and auto completion


## github_gpg_key.md

      
              1 file
            
          
              78 forks
            
          
              25 comments
            
          
              352 stars
            
          
                ankurk91
                / github_gpg_key.md
            
            
              Last active
              April 9, 2024 16:34
            
              
                Signing git commits using GPG (Ubuntu/Mac)
              
          
    Github : Signing commits using GPG (Ubuntu/Mac) 🔐


Do you have an Github account ? If not create one.
Install required tools
Latest Git Client
gpg tools

# Ubuntu
sudo apt-get install gpa seahorse
# MacOS with https://brew.sh/


## GPG and git on macOS.md

      
              1 file
            
          
              89 forks
            
          
              33 comments
            
          
              433 stars
            
          
                danieleggert
                / GPG and git on macOS.md
            
            
              Last active
              May 3, 2024 12:26
            
              
                How to set up git to use the GPG Suite
              
          
    GPG and git on macOS

Setup

No need for homebrew or anything like that. Works with https://www.git-tower.com and the command line.

Install https://gpgtools.org -- I'd suggest to do a customized install and deselect GPGMail.
Create or import a key -- see below for https://keybase.io
Run gpg --list-secret-keys and look for sec, use the key ID for the next step
Configure git to use GPG -- replace the key with the one from gpg --list-secret-keys


## display-fade.html
<!doctype html>
<meta charset="utf-8">
<title>Example</title>

<style>
  div {
    width: 100px;
    height: 100px;
    background: black;
    animation-duration: .5s;

## multiple-uploads.md

      
              1 file
            
          
              1 fork
            
          
              3 comments
            
          
              21 stars
            
          
                WebReflection
                / multiple-uploads.md
            
            
              Last active
              June 30, 2021 14:12
            
              
                Uploading multiple files at once, and without jQuery
              
          
    The aim of this gist is to fix the following informative post about uploading via XHR.
Fixing the HTML

The first part is the HTML.
First of all, you really don't need JavaScript to upload a file but you do need a proper form.
Secondly, inputs in a form shouild have a name, because the name is what the server will receive: not IDs, names!
Following the fixed form part.


## _README.md

      
              3 files
            
          
              3 forks
            
          
              3 comments
            
          
              50 stars
            
          
                remy
                / _README.md
            
            
              Last active
              January 12, 2024 11:57
            
              
                requestAnimationFrame helper
              
          
    raf.js

A simple script with a few niceties that allows for multiple requestAnimationFrame calls, and FPS pinning.
How it works

The script polyfills rAF if required, then overloads requestAnimationFrame and cancelAnimationFrame with a process that allows multiple frames to be queued up for rAF to run.
This is useful if there are multiple animations running on the page, you want all the callbacks to happen at once, and not on multiple rAF calls. This script is meant as a drop-in solution to that problem.

  
## s3.sh
# You don't need Fog in Ruby or some other library to upload to S3 -- shell works perfectly fine
# This is how I upload my new Sol Trader builds (http://soltrader.net)
# Based on a modified script from here: http://tmont.com/blargh/2014/1/uploading-to-s3-in-bash

S3KEY="my aws key"
S3SECRET="my aws secret" # pass these in

function putS3
{
  path=$1

## WeakMap.js
var WeakMap = WeakMap || (function (s, dP, hOP) {'use strict';
  function WeakMap() { // by Andrea Giammarchi - WTFPL
    dP(this, s, {value: Symbol('WeakMap')});
  }
  WeakMap.prototype = {
    'delete': function del(o) {
      delete o[this[s]];
    },
    get: function get(o) {
      return o[this[s]];

## slice.js
// Andrea Giammarchi, WTFPL
function slice() {'use strict';
  for (var
    o = +this,                // offset
    i = o,                    // start index
    l = arguments.length,     // length
    n = l - o,                // new length
    a = Array(n < 0 ? 0 : n); // new Array
    i < l; i++
  ) a[i - o] = arguments[i];

## gist:24c4c475bdeb59405e87

      
              1 file
            
          
              0 forks
            
          
              2 comments
            
          
              7 stars
            
          
                WebReflection
                / gist:24c4c475bdeb59405e87
            
            
              Last active
              February 15, 2016 15:56
            
              
                setTimeout and setInterval extra arguments
              
          
    Every single JavaScript engine supports standard timers *
These accept one or more extra argument by specs
for(var i = 0; i < 2; i++) {
  setTimeout(function (i) {
    console.log(i);
  }, 0, i); // <== see this?
}
	<!doctype html>
	<meta charset="utf-8">
	<title>Example</title>

	<style>
	div {
	width: 100px;
	height: 100px;
	background: black;
	animation-duration: .5s;
	# You don't need Fog in Ruby or some other library to upload to S3 -- shell works perfectly fine
	# This is how I upload my new Sol Trader builds (http://soltrader.net)
	# Based on a modified script from here: http://tmont.com/blargh/2014/1/uploading-to-s3-in-bash

	S3KEY="my aws key"
	S3SECRET="my aws secret" # pass these in

	function putS3
	{
	path=$1
	var WeakMap = WeakMap \|\| (function (s, dP, hOP) {'use strict';
	function WeakMap() { // by Andrea Giammarchi - WTFPL
	dP(this, s, {value: Symbol('WeakMap')});
	}
	WeakMap.prototype = {
	'delete': function del(o) {
	delete o[this[s]];
	},
	get: function get(o) {
	return o[this[s]];
	// Andrea Giammarchi, WTFPL
	function slice() {'use strict';
	for (var
	o = +this, // offset
	i = o, // start index
	l = arguments.length, // length
	n = l - o, // new length
	a = Array(n < 0 ? 0 : n); // new Array
	i < l; i++
	) a[i - o] = arguments[i];