business-card-r-web_design-ciclop.markdown

Business Card /r/web_design -- Ciclop

A business card concept I created for a little challenge over at http://reddit.com/r/web_design!

A Pen by Eduard Kosicky on CodePen.

License.

ali-master

// <refrence path="https://jsfiddle.net/dm1ufzz3/" />

function QueryStringToJSON(str) {
	var pairs = str.split('&');
	var result = {};
	pairs.forEach(function (pair) {
		pair = pair.split('=');
		var name = pair[0]
		var value = pair[1]
		if (name.length)

ali-master

/**
 * npm install --save-dev  webpack babel-loader babel-core babel-preset-{es2015,react} style-loader css-loader sass-loader
 * npm install --save react react-dom
 * directory folders: static, public
 */

const path	= require("path");
const webpack = require("webpack");

module.exports = {

ali-master

TimeSpanUpdater[timeago] with jQuery

function TimeSpanUpdater(id, interval) {
    var updater = function () {
        var _this = this;
        this.interval = interval ? interval : 20000;
        this.registeredItemsArr = [];
        this.registerItem = function (element) {
            if (element && element.attr('data-timespan')) {

jlong

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

$sections: red, gold, orange, grey;

@each $i in $sections {

	.section-#{$i} {

jlong

/**
 *  prepareTransition
 *
 *  jQuery Plugin for ensuring transitions with display:none or visibility:hidden 
 *  are in the right state until the end of the transition
 *
 *  By John W. Long (http://wiseheartdesign.com)
 *  April 18, 2013
 *
 *  Based on the prepareTransition plugin by Jonathan Snook (http://snook.ca). This version

anchetaWern

var recognition;

function startRecognition() {
	recognition = new webkitSpeechRecognition();
	recognition.onstart = function(event) {
		updateRec();
	};
	recognition.onresult = function(event) {
		var text = "";
	    for (var i = event.resultIndex; i < event.results.length; ++i) {

ehsanahgh

function(key) {
    return ('; ' + document.cookie).split('; ' + key + '=').pop().split(';').shift();
}

ryaninvents

class Client {
  constructor(foo) {
    this.name = foo
  }
}

class Message {
  constructor(content) {
    this.content = content
  }

dreyescat

How to use webpack resolve-alias to solve relative paths.

npm install
mkdir -p src/components/Header
mv index.jsx src/components/Header
mkdir -p src/utils
mv myUtils.js src/utils
npm run build