Skip to content

Instantly share code, notes, and snippets.

@sinovic
sinovic / index.html
Created January 8, 2018 15:23
Getters and setters - OOP Getters are convenient methods to get the value of specific properties; as the name suggests, setters are methods that set the value of a property. // source http://jsbin.com/ruwixuj
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Getters are convenient methods to get the value of specific properties; as the name suggests, setters are methods that set the value of a property.
">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Getters and setters - OOP</title>
</head>
<body>
@sinovic
sinovic / index.html
Created January 9, 2018 14:04
The factory pattern // source http://jsbin.com/xayekob
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>The factory pattern</title>
</head>
<body>
<script id="jsbin-javascript">
@sinovic
sinovic / index.html
Created January 9, 2018 15:26
The mixin pattern // source http://jsbin.com/yeqiyo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://jashkenas.github.io/underscore/underscore-min.js"></script>
<title>The mixin pattern</title>
</head>
<body>
@sinovic
sinovic / index.html
Created January 9, 2018 19:48
The factory pattern // source http://jsbin.com/xayekob
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>The factory pattern</title>
</head>
<body>
<script id="jsbin-javascript">
@sinovic
sinovic / index.html
Created March 26, 2019 09:14
Generating Html With hyperscript-helpers // source https://jsbin.com/megevip
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Generating Html With hyperscript-helpers">
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css"/>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="https://cdn.rawgit.com/knowthen/d90da7fbbcc3222252d2845eef2adc38/raw/6099003c3102daf281681cd92b7158477a1bc5f4/hyperscript-browser.js"></script>
</head>
<body class="sans-serif bg-white pa3">
<div id="app">
@sinovic
sinovic / index.html
Created March 26, 2019 09:14
Generating Html With hyperscript-helpers // source https://jsbin.com/megevip
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Generating Html With hyperscript-helpers">
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css"/>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="https://cdn.rawgit.com/knowthen/d90da7fbbcc3222252d2845eef2adc38/raw/6099003c3102daf281681cd92b7158477a1bc5f4/hyperscript-browser.js"></script>
</head>
<body class="sans-serif bg-white pa3">
<div id="app">