Skip to content

Instantly share code, notes, and snippets.

View CharlesAMoss's full-sized avatar
💭
200

Charlie Moss CharlesAMoss

💭
200
View GitHub Profile
@CharlesAMoss
CharlesAMoss / index.html
Created August 10, 2013 02:35
A CodePen by charlie. clock widget - Clock Widget ------------ HTML CSS SASS(SCSS) JavaScript SVG *inspiration* dribbble rebound of MVben's design http://dribbble.com/shots/1145537-Plug-In1 *nuts and bolts* http://blog.stevenlevithan.com/archives/date-time-format http://stackoverflow.com/questions/1531093/how-to-get-current-date-in-javascript ht…
<!--
dribbble rebound of MVben's design http://dribbble.com/shots/1145537-Plug-In1
-->
<div class="main">
<div class="nav">
<ul>
<li class="al">Alarms</li>
<li class="sw">Stopwatch</li>
@CharlesAMoss
CharlesAMoss / card-design
Created June 13, 2015 02:14
example code for card design
/* These styles correspond to card.rb from github.com/CharlesAMoss/ruby-tools */
*, *:before, *:after {
box-sizing: border-box;
}
body {
background: #f9f9f9;
color: #000;
@CharlesAMoss
CharlesAMoss / jokes
Created September 27, 2015 04:19
these are the jokes
var x = "great sadness";
var great_magic = function ( str ) {
var result = str.replace(new RegExp(("\\b" + "sadness" + "\\b"), 'g'), "happiness");
return result;
};
console.log(great_magic(x)); // logs "great happiness"
@CharlesAMoss
CharlesAMoss / es6_fizzbuzz.txt
Last active February 29, 2016 08:11
fizzbuzz es6 plus .map
const myArray = [1,2,3,4,5,6,7,8,9,10,15];
let zed = z => (z % 3 === 0 && z % 5 === 0) ? "fizzbuzz" :
(z % 3 === 0 ) ? "fizz" :
(z % 5 === 0 ) ? "buzz" :
z;
console.log(myArray.map(zed)); // [1,2,"fizz",4,"buzz","fizz",7,8,"fizz","buzz","fizzbuzz"]
// transpiled with babeljs ver 5.x
'use strict';
let getDeck = () => {
let deck = [];
const numVal = _.range(2, 11).map(String);
const faceVal = ['J', 'Q', 'K', 'A'];
const value = numVal.concat(faceVal);
const suits = ['♠', '♥', '♣', '♦'];
for (var suit of suits) {
const cards = value.map(val => val + suit);
deck.push(cards);
const isPrime = N => {
return (N > 1) && Array.apply(0, Array(1 + ~~Math.sqrt(N))).
every((x, y) => (y < 2) || (N % y !== 0));
}
const primeTime = N => ([...Array(N).keys()].filter(isPrime));
primeTime(10);
// output [2,3,5,7]
<form>
<div>
<input type="checkbox" value="this one">
<label for="this one">This</label>
</div>
<div>
<input type="checkbox" value="that one">
<label for="that one">That</label>
body {
background :#fffeb3;
/* display: flex;
justify-content: center;
align-items: center;*/
}
img {
width: 100%;
max-width: 500px;
this.size = 31 * (alpha.indexOf(arr.map( y => y.split('id="').pop().split('.').shift())
.sort((a,b) => a.length - b.length || a.localeCompare(b)).pop()) + 1)
const entry = document.getElementById("entry");
// every journey begins with one step
const svg = document.createElement("svg");
svg.setAttribute("width", "100%");
svg.setAttribute("height", "100%");
const g = document.createElement("g");