Skip to content

Instantly share code, notes, and snippets.

View creativeaura's full-sized avatar
🌴
On vacation

Gaurav Jassal creativeaura

🌴
On vacation
View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script>
<style id="jsbin-css">
body,
@creativeaura
creativeaura / ReduxMicroBoilerplate.js
Created October 5, 2016 16:27 — forked from gaearon/ReduxMicroBoilerplate.js
Super minimal React + Redux app
import React, { Component } from 'react';
import { createStore, combineReducers, applyMiddleware, bindActionCreators } from 'redux';
import { provide, connect } from 'react-redux';
import thunk from 'redux-thunk';
const AVAILABLE_SUBREDDITS = ['apple', 'pics'];
// ------------
// reducers
// ------------
@creativeaura
creativeaura / save.json
Created July 27, 2015 22:03
saving data
{
"cart": [
{
"id": "1",
"name": "Bead 1",
"selectedSize": "M",
"qty": "3",
"price": "4"
},
{
@creativeaura
creativeaura / manifest.json
Created July 27, 2015 21:54
easeljs loading file
{
"path": "",
"manifest": [
{
"src": "images/beads/v92_qij9084e.png",
"id": "bead1",
"title": "Bead 1",
"size": [{"R": 4}],
"asset_type": "bead"
},
{
id: 5662,
name: "Self Black Top",
code: "M1415331",
price: 1645,
images: [
"http://www.madameonline.com/multimedias/images/products/medium/ProductColor-1424261470.jpg",
"http://www.madameonline.com/multimedias/images/products/medium/Product-209270516.jpg",
"http://www.madameonline.com/multimedias/images/products/medium/Product-2039069370.jpg",
"http://www.madameonline.com/multimedias/images/products/medium/Product-972434320.jpg"
@creativeaura
creativeaura / designer.html
Last active August 29, 2015 14:18
designer
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
@creativeaura
creativeaura / bookmarklet.js
Created February 20, 2015 14:23
Impress JS Bookmarklet
javascript:javascript: javascript:(function(){(function(){'use strict';var injectScript,injectStylesheet,assetsDomain='http://impressjs.herokuapp.com/',loadingPanel;loadingPanel=function(){var body=document.getElementsByTagName("body")[0],loadingPanel=document.createElement("div"),p=document.getElementById('x-remote-panel');if(!p){loadingPanel.id='x-remote-panel';loadingPanel.innerHTML="Initilizing Remote";loadingPanel.style.position='fixed';loadingPanel.style.right='0px';loadingPanel.style.bottom='0px';loadingPanel.style.fontWeight='bolder';loadingPanel.style.padding='10px';loadingPanel.style.background='whiteSmoke';body.appendChild(loadingPanel);}};injectScript=function(url,callback){var script=document.createElement('script');script.src=url;script.type='text/javascript';script.onload=script.onreadystagechange=function(){var rs=this.readyState;if((!rs||rs==='loaded'||rs==='complete')){if(typeof callback==='function'){callback();}}};(document.getElementsByTagName('head')[0]||document.getElementsByTagName('bo
@creativeaura
creativeaura / designer.html
Last active August 29, 2015 14:14
designer
<link rel="import" href="../core-animated-pages/core-animated-pages.html">
<link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
<link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
<link rel="import" href="../core-animated-pages/transitions/slide-down.html">
<link rel="import" href="../core-animated-pages/transitions/slide-up.html">
<link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../core-icons/av-icons.html">
<link rel="import" href="../paper-fab/paper-fab.html">
@creativeaura
creativeaura / designer.html
Last active August 29, 2015 14:13
designer
<link rel="import" href="../core-menu/core-submenu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../core-menu-button/core-menu-button.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../core-pages/core-pages.html">
<link rel="import" href="../core-field/core-field.html">
<link rel="import" href="../core-icon/core-icon.html">
<link rel="import" href="../core-input/core-input.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
@creativeaura
creativeaura / designer.html
Last active August 29, 2015 14:13
designer
<link rel="import" href="../paper-progress/paper-progress.html">
<link rel="import" href="../core-input/core-input.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../core-icons/av-icons.html">
<link rel="import" href="../paper-fab/paper-fab.html">
<link rel="import" href="../core-tooltip/core-tooltip.html">
<polymer-element name="my-element">
<template>