alvaropinot

Paper css shadows

Testing some lighting and shadows, trying to obtain a kind of realistic paper.

A Pen by NeatNait on CodePen.

License.

alvaropinot

Floating text shadow animation

Subtle animation of the shadow beneath the text, simulating the text getting near the page.

A Pen by NeatNait on CodePen.

License.

alvaropinot

List styled with brackets

List styled with brackets using :before pseudoelement

A Pen by NeatNait on CodePen.

License.

alvaropinot

NeatNait css3 3D transitions menu

A bunch of css3 only 3D transitions made with love at neatnait

A Pen by NeatNait on CodePen.

License.

alvaropinot

NeatNait social rotator

Social rotator using jmpress -> https://github.com/jmpressjs/jmpress.js

A Pen by NeatNait on CodePen.

License.

alvaropinot

//remove the starting '?' and split options
location.search.slice(1).split("&").forEach(function(opt) {
  opt = opt.split('=');
  console.log(opt); // ['arg1','val1'] ['arg2','val2']
});

alvaropinot

var parser = document.createElement('a');
parser.href = "http://example.com:3000/pathname/?search=test#hash";

parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port;     // => "3000"
parser.pathname; // => "/pathname/"
parser.search;   // => "?search=test"
parser.hash;     // => "#hash"
parser.host;     // => "example.com:3000"

alvaropinot

//from https://github.com/achohq/acho/blob/0a57c8450e781ca69c248103f48a24818dca695b/lib/Constants.coffee
'use strict'

figure =
  false:
    info    : 'ℹ'
    success : '✔'
    warning : '⚠'
    error   : '✖'

alvaropinot

ES6 Defaults / Overrides Pattern

Combine default parameters and destructuring for a compact version of the defaults / overrides pattern.

function foo ({
    bar = 'no',
    baz = 'works!'
  } = {}) {

alvaropinot

function _get(property, defaultValue) {
  var path = property.split(/[\.\["'\]]+/);
  return function(obj) {
    return typeof obj === 'object' ? path.reduce(function (acc, key) {
      var value = acc && acc[key];
      // should allow null and falsy values.
      return (value || (value !== undefined)) ? 
        value : 
        defaultValue;
    }, obj) :