Skip to content

Instantly share code, notes, and snippets.

@pbuzdin
pbuzdin / gist:f28cca91642f73faa929
Last active August 29, 2015 14:28
lifter.com.ua assets loader
<script type="application/javascript">
(function(d){
var scripts = {"gl":d.createElement("script"), "fb":d.createElement("script"), "cbb":d.createElement("script"), "tpl":d.createElement("script")};
var stls = {"ico":d.createElement("link"), "tpl":d.createElement("link"), "sns":d.createElement("link"), "unt":d.createElement("link")};
stls.ico.rel="icon";
stls.ico.type="image/png";
stls.tpl.rel = stls.sns.rel = stls.unt.rel ="stylesheet";
stls.tpl.type = stls.sns.type = stls.unt.type ="text/css";
<style id="jsbin-css">
body { background: #fff; }
#Logo {
height: 100%;
position: absolute;
top: 0; right: -25%; bottom: 0; left: -25%;
margin: auto;
display: block;
fill: #000;
<style id="jsbin-css">
body { background: #fff; }
#Logo {
height: 100%;
position: absolute;
top: 0; right: -25%; bottom: 0; left: -25%;
margin: auto;
display: block;
fill: #000;
<style id="jsbin-css">
body {
background: url(https://i.imgur.com/B2gwbEk.png) center center no-repeat/contain;
}
#Logo {
height: 100%;
position: absolute;
top: 0; right: -25%; bottom: 0; left: -25%;
margin: auto;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
body {
background: url(https://i.imgur.com/B2gwbEk.png) center center no-repeat/contain;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
.instagram-media {
position: relative;
position: relative;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" id="buro" viewBox="94 -67.6 237.7 184.6"><style>
.st0{
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
.shadow {
filter: drop-shadow( 0px 0px 22px #000 );
}
@pbuzdin
pbuzdin / index.html
Last active May 4, 2018 10:53
Swiper demo with custom pagination labels from data attributes
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>rockwool</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.6/css/swiper.min.css">
<style>
html, body {
height: 100%;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<p>hui</p>