simonswiss

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

Articles & websites

Let There Be Peace On CSS: https://medium.com/@didoo/let-there-be-peace-on-css-8b26829f1be0

CSS and Scalability: http://mrmrs.cc/writing/2016/03/24/scalable-css/

About HTML Semantics and Front End Architecture: http://nicolasgallagher.com/about-html-semantics-front-end-architecture/

CSS Utility Classes and "Separation of Concerns": https://adamwathan.me/css-utility-classes-and-separation-of-concerns/

simonswiss

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

// 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

import React, { Component } from 'react';

import {
  Analyser,
  Song,
  Sequencer,
  Sampler,
  Synth,
} from '../src';

simonswiss

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

import React, { Component } from 'react';

import {
  Analyser,
  Song,
  Sequencer,
  Sampler,
  Synth
} from '../src';

simonswiss

RiotJS Loan Calculator

Loan repayment calculator using RiotJS by Muut

A Pen by Simon Vrachliotis on CodePen.

License.