Skip to content

Instantly share code, notes, and snippets.

View simonswiss's full-sized avatar
🏄‍♂️
Designer, developer & content creator 🎉

Simon Vrachliotis simonswiss

🏄‍♂️
Designer, developer & content creator 🎉
View GitHub Profile
@simonswiss
simonswiss / index.md
Last active October 26, 2018 14:10
Front End Development - Learning Resources

Podcasts

https://syntax.fm: A Tasty Treats Podcast for Web Developers. // Hosted by Wes Bos and Scott Tolinski

https://shoptalkshow.com: An internet radio show about the internet. // Hosted by Chris Coyier and Dave Rupert

http://www.fullstackradio.com: A podcast for developers interested in building great software products. // Hosted by Adam Wathan

https://devmode.fm: A podcast dedicated to modern web development. // Hosted by Andrew Welch + panel 🎉

@simonswiss
simonswiss / index.md
Created October 18, 2018 08:02
A Real-Life Journey into the Opinionated World of "Utility-First" CSS - Links & Resoures
@simonswiss
simonswiss / index.js
Last active January 26, 2017 22:56
Hipster Scraper
const fs = require('fs')
const axios = require('axios')
const cheerio = require('cheerio')
const URLS = require('./urls')
const TARGET_FILE = './data.js'
function scrapeData(url) {
axios.get(url).then(response => {
@simonswiss
simonswiss / _spacing.scss
Created December 13, 2016 03:39
Tachyons spacing module with extra scale steps and mixins
// Converted Variables
$spacing-none: 0 !default;
$spacing-extra-small: .25rem !default;
$spacing-small: .5rem !default;
$spacing-small-plus: .75rem !default; // custom
$spacing-medium: 1rem !default;
$spacing-medium-plus: 1.5rem !default; // custom
$spacing-large: 2rem !default;
@simonswiss
simonswiss / demo.js
Last active August 30, 2016 00:46
react-music: "Billie Jean"
import React, { Component } from 'react';
import {
Analyser,
Song,
Sequencer,
Sampler,
Synth,
} from '../src';
import React from 'react';
import ReactDOM from 'react-dom';
import { Song, Sequencer, Sampler, Synth } from '../src';
ReactDOM.render(
<Song tempo={100}>
{/* this sample will loop every 2 bars (32 steps) */}
<Sequencer resolution={16} bars={2}>
<Sampler
@simonswiss
simonswiss / demo.js
Last active August 30, 2016 00:22
React-Music: Beatnuts - 'Watch Out Now' remix
import React, { Component } from 'react';
import {
Analyser,
Song,
Sequencer,
Sampler,
Synth
} from '../src';