hkjpotato

Pull Down to Refresh (Paper Plane)

Based on Zee Young dribbble - https://dribbble.com/shots/2067564-Replace

No animation libraries. Not working in IE. Right now tested only in last Chrome and FF. Totally not optimized for mobile.

All SVG are hand-written :) Plane fly animation made with keyframes.

Forked from Nikolay Talanov's Pen Pull Down to Refresh (Paper Plane).

hkjpotato

Speedometer Animation

Cool speedometer performance animation I made for work using only css3 and keyframe animation.

A Pen by Daniel on CodePen.

License.

hkjpotato

CSS3 Working Clock

Working CSS3 analog clock, using CSS animations and shapes, without any images or JavaScript.

This is now available on GitHub @ https://github.com/iliadraznin/CSS3clock

Forked from Ilia's Pen CSS3 Working Clock.

A Pen by Kaijie Huang on CodePen.

hkjpotato

box rotation directions

Forked from brad oyler's Pen box rotation directions .

Forked from brad oyler's Pen box rotation directions .

Forked from brad oyler's Pen box rotation directions .

hkjpotato

CVENT UI Test

My work for CVENT UI Test

A Pen by Kaijie Huang on CodePen.

License.

hkjpotato

css potato emoji

Pure CSS3 animated emoji. Good for understanding the box model. I call them potatoes and I plan to make 20 of them. Shoot me an email if you have any ideas about them:) hkjpotato@gmail.com

A Pen by Kaijie Huang on CodePen.

hkjpotato

var numOfRequiredArguments = 5;
var fn = function() {
  if (arguments.length < numOfRequiredArguments) {
    return fn.bind(null, ...arguments);
  } else {
    console.log('we already collect 5 arguments: ', [...arguments]);
    return null;
  }
}

hkjpotato

function fn2() {
  var preset = Array.prototype.slice.call(arguments);
/*
  originally:
  return fn.bind(null, ...arguments);
*/
  return function helper() {
    var added = Array.prototype.slice.call(arguments);
    return fn2.apply(null, [...preset, ...added]); //for simplity, use es6
  }

hkjpotato

function magician (targetfn) {
  var numOfArgs = targetfn.length;
  if (arguments.length - 1 < numOfArgs) {
    return magician.bind(null, ...arguments);
  } else {
    return targetfn.apply(null, Array.prototype.slice.call(arguments, 1));
  }
}

hkjpotato

function magician(targetfn) {
  var numOfArgs = targetfn.length;
  return function fn() {
    if (arguments.length < numOfArgs) {
      return fn.bind(null, ...arguments);
    } else {
      return targetfn.apply(null, arguments);
    }
  }
}