Skip to content

Instantly share code, notes, and snippets.

View viller239's full-sized avatar

Anton Viller viller239

View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
stuff
</body>
<blockquote class="twitter-tweet"><a href="https://twitter.com/realdonaldtrump/status/240462265680289792"></a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Contenteditable</title>
<style>
body { padding: 25px; }
[contenteditable] { border: 1px solid #BADA55; margin: 5px; padding: 2px; }
</style>
</head>
<!DOCTYPE html>
<html><head></head><body>
<style>
#A, #B, #C { border: 1px solid black; background: white; padding: 5px; margin: 5px; }
#B { margin-top: 20px; }
</style>
<div id="A" contenteditable="true">
<div>line 1</div>
stupid
<div>line 2</div>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<style>
.ce { border: 1px solid green; background: white; width: 200px; height: 200px; float: left; }
.ce > div { padding: 5px; }
.log { border: 1px solid black; background: white; width: 200px; height: 200px; float:left; margin-left: 20px; }
</style>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>No HTREF</title>
</head>
<body>
<a>fuck you</a>
</body>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Counter</title>
<link rel="stylesheet" href="./style.css">
</head>
<body style="padding: 50px">
<div class="title">Counter:</div>
<script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<button onclick="console.log(this.nextElementSibling.src = this.nextElementSibling.src)">reload</button>
<iframe src="https://rawgit.com/viller239/46403e762cdaececd0e57d8ba809f690/raw/79af8316efb49d2f7e382d3021138b3894507324/t.html"/>
@viller239
viller239 / foo.html
Last active September 7, 2016 15:39
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DOM Mutations</title>
<link rel="stylesheet" href="./style.css">
<style>
#parent_child { margin: 20px; float: left; }
#parent_child_inner { overflow: auto; padding: 10px;}
#parent_child_inner div {
body { color : red }