Skip to content

Instantly share code, notes, and snippets.

@pbuzdin
pbuzdin / index.html
Created July 28, 2019 20:10
regularElements swiper demo // source https://jsbin.com/loriyuz
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>regularElements swiper demo</title>
<script>this.Promise||document.write('<script src="https://unpkg.com/es6-promise@4.2.5/dist/es6-promise.auto.min.js"><\x2fscript>')</script>
<script>this.WeakMap||document.write('<script src="https://unpkg.com/@ungap/weakmap@0.1.4/min.js"><\x2fscript>')</script>
<script defer src="https://webreflection.github.io/regular-elements/min.js"></script>
@pbuzdin
pbuzdin / index.html
Created July 23, 2019 11:36
regularElements swiper demo // source https://jsbin.com/loriyuz
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>regularElements swiper demo</title>
<script>this.Promise||document.write('<script src="https://unpkg.com/es6-promise@4.2.5/dist/es6-promise.auto.min.js"><\x2fscript>')</script>
<script>this.WeakMap||document.write('<script src="https://unpkg.com/@ungap/weakmap@0.1.4/min.js"><\x2fscript>')</script>
<script defer src="https://webreflection.github.io/regular-elements/min.js"></script>
@pbuzdin
pbuzdin / index.html
Created April 17, 2019 00:13
Synless test // source https://jsbin.com/kusixas
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Synless test</title>
</head>
<body>
<div id="template">
<h1 sl-text="data.heading"></h1>
@pbuzdin
pbuzdin / index.html
Created April 16, 2019 23:58
regular-elements test // source https://jsbin.com/kubokak
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>regular-elements test</title>
</head>
<body>
<button class="hi-five clicker">hui</button>
<script src="https://unpkg.com/regular-elements"></script>
@pbuzdin
pbuzdin / index.html
Created April 11, 2019 23:53
minimal css setup // source https://jsbin.com/mavenep
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>minimal css setup</title>
<style>
html {
font-size: 18px
}
<!--[if IE]>
<p class="pa5 browserupgrade">Похоже вы используете <strong>устаревший</strong> интернет-браузер. Попробуйте <a href="https://www.google.com/chrome/">современный браузер</a>, он быстрее, удобнее и безопаснее.</p>
<style>
.content {
display: none
}
</style>
<![endif]-->
<!-- if IE10+ -->
<style>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
@keyframes loader {
33% {
background-image: linear-gradient(to bottom, rgba(0,0,255,0.1) 0%, rgba(0,0,255,0.1) 100%), linear-gradient(to bottom, blue 0%, blue 100%), linear-gradient(to bottom, blue 0%, blue 100%);
@pbuzdin
pbuzdin / placeholder.js
Last active March 29, 2019 11:30
client-side placeholder with example
/* image placeholder client-side engine via https://github.com/hustcc/placeholder.js example: <img options="size=220x300&text=banner_name%20200x300&bgcolor=#f8aaad&color=#fff" class="placeholder"> */
!function(t,e){"object"==typeof module&&module.exports?module.exports=e(t):t.placeholder=e(t)}("undefined"!=typeof window?window:this,function(){function t(t){c&&u||(c=document.createElement("canvas"),u=c.getContext("2d"));var e=parseInt(t.a[0]),n=parseInt(t.a[1]);c.width=e,c.height=n,u.clearRect(0,0,e,n),u.fillStyle=t.c,u.fillRect(0,0,e,n),u.fillStyle=t.d,u.font=t.e+" normal "+t.f+" "+(t.g||100)+"px "+t.h;var r=1;if(""===t.g){var o=.7*e,l=.7*n,i=u.measureText(t.b).width,a=100;r=Math.min(o/i,l/a)}return u.translate(e/2,n/2),u.scale(r,r),u.textAlign="center",u.textBaseline="middle",u.fillText(t.b,0,0),c}function e(){return"#"+("00000"+(16777216*Math.random()<<0).toString(16)).slice(-6)}function n(t){t=t||{};var n=t.size||"128x128",r=t.text||n,o=t.bgcolor||e(),l=t.color||e(),i=t.fstyle||"normal",a=t.fweight||"bold"
@pbuzdin
pbuzdin / index.html
Created January 15, 2019 15:46
redir child target // source https://jsbin.com/puhudis
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>redir child target</title>
</head>
<body>
<script>
function go(){
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
</head>
<body>
<div id="divContent">