Skip to content

Instantly share code, notes, and snippets.

@Rplus
Rplus / 01) Happy CSSer - 1.md
Last active December 25, 2017 16:32
ironman - 2018
@Rplus
Rplus / css-variables-width-x-height-area-1-2.markdown
Last active November 6, 2017 16:02
CSS Variables: width x height = area (1/2)
@Rplus
Rplus / Happy-CSSer-cover.html
Created August 25, 2017 17:08
Happy CSSer custom cover
<html>
<head>
<style id="webmakerstyle">
.cover {
position: relative;
width: 1000px;
height: 524px;
margin: 0 auto;
@Rplus
Rplus / bling.js
Created July 12, 2017 16:39 — forked from paulirish/bling.js
bling dot js
/* bling.js */
window.$ = document.querySelectorAll.bind(document);
Node.prototype.on = window.on = function (name, fn) {
this.addEventListener(name, fn);
}
NodeList.prototype.__proto__ = Array.prototype;
@Rplus
Rplus / Spread Operator.md
Created February 6, 2017 18:12
6 Great Uses of the Spread Operator, via: https://davidwalsh.name/spread-operator

Calling Functions without Apply

function doStuff (x, y, z) { }
var args = [0, 1, 2];
doStuff(...args);
function doStuff(x, y, z) {}
var args = [0, 1, 2];
@Rplus
Rplus / example.scss
Created June 20, 2015 20:36
string encode in SASS/SCSS
// source: http://codepen.io/philippkuehn/pen/zGEjxB/?editors=010
$icon-color: #F84830;
// icon styles
// note the fill="' + $icon-color + '"
.icon {
display: inline-block;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<script>
if ("geolocation" in navigator) {
navigator.geolocation.getCurrentPosition(function(position) {
{
"1": 0.094,
"1.5": 0.135137432,
"2": 0.16639787,
"2.5": 0.192650919,
"3": 0.21573247,
"3.5": 0.236572661,
"4": 0.25572005,
"4.5": 0.273530381,
"5": 0.29024988,
{
"pokemon": {
"1": {
"name": "Bulbasaur",
"types": [
"grass",
"poison"
],
"cpPerUpgrade": 13.5,
"evolveCost": "25",