Skip to content

Instantly share code, notes, and snippets.

View hashplus's full-sized avatar
🇨🇳

p(^-^q) hashplus

🇨🇳
  • CN
View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
.box{
width:100px;
background-color: blue;
height:100px;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
.box{
width:100px;
background-color: blue;
height:100px;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
body{
position: relative;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
body{
margin:0;
}
@hashplus
hashplus / index.html
Created April 10, 2015 07:36
Buffered Timeranges // source http://jsbin.com/memazaro/1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Buffered Timeranges</title>
</head>
<body>
<p>
<audio id="my-audio" controls>
<source src="http://jPlayer.org/audio/mp3/Miaow-07-Bubble.mp3" type="audio/mpeg">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Buffering</title>
<style>
.buffered {
height: 20px;
position: relative;
background: #555;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
body{
height:2200px;
margin:0;
}

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
body{
margin:0;
}
nav{
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
.outer{
display:flex;
height:300px;
background-color: green;