Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View pbuzdin's full-sized avatar

Pavel pbuzdin

61 followers · 707 following
View GitHub Profile
@pbuzdin
pbuzdin / quiz.htm
Created October 27, 2021 00:23
simple css+js quiz
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>quiz</title>
</head>
<body>
@pbuzdin
pbuzdin / index.html
Created August 28, 2021 16:29
html5 video banner // source https://jsbin.com/vilidew
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>html5 video banner</title>
<meta name="ad.size" content="width=1920,height=1080">
<script>
var cсlickTag = "http://www.google.com";
</script>
@pbuzdin
pbuzdin / index.html
Created August 1, 2021 21:53
custom dropdown without javascript // source https://jsbin.com/vigacav
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>custom dropdown without javascript</title>
<style id="jsbin-css">
body {
background-color: rgb(1,1,1);
height: 100vh;
@pbuzdin
pbuzdin / index.html
Created August 1, 2021 21:52
custom dropdown without javascript // source https://jsbin.com/vigacav
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>custom dropdown without javascript</title>
<style id="jsbin-css">
body {
background-color: rgb(1,1,1);
height: 100vh;
@pbuzdin
pbuzdin / index.html
Created October 26, 2020 12:21
// source https://jsbin.com
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>OG video test</title>
<meta property="og:site_name" content="YouTube">
<meta property="og:url" content="https://www.youtube.com/watch?v=UJl1ORg0ERM">
<meta property="og:title" content="BurstingLand playing Call of Duty®: Modern Warfare® on Xbox One">
<meta property="og:image" content="https://i.ytimg.com/vi/UJl1ORg0ERM/hqdefault.jpg">
@pbuzdin
pbuzdin / index.html
Created September 7, 2020 13:13
Drag Multiple Elements // source https://jsbin.com/qohoyoq/33
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<title>Drag Multiple Elements</title>
<style>
#container {
width: 100%;
height: 400px;
@pbuzdin
pbuzdin / index.html
Created August 13, 2019 23:29
lazy load js // source https://jsbin.com/biyacok
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>lazy load js</title>
<style>
section {
height: 50vw;
border: 5vw dashed coral;
@pbuzdin
pbuzdin / rellax-without-requestAnimationFrame.js
Last active August 2, 2019 10:28
rellax-without-requestAnimationFrame.js
// ------------------------------------------
// Rellax.js
// Buttery smooth parallax library
// Copyright (c) 2016 Moe Amaya (@moeamaya)
// MIT license
//
// Thanks to Paraxify.js and Jaime Cabllero
// for parallax concepts
// ------------------------------------------
@pbuzdin
pbuzdin / index.html
Created July 28, 2019 22:43
regularElements loadjs 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 loadjs 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://unpkg.com/regular-elements@0.5.0/min.js"></script>
@pbuzdin
pbuzdin / index.html
Created July 28, 2019 22:31
regularElements loadjs 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 loadjs 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://unpkg.com/regular-elements@0.5.0/min.js"></script>