Skip to content

Instantly share code, notes, and snippets.

💭
loading...

David Vierkötter dave-4k

💭
loading...
Block or report user

Report or block dave-4k

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@dave-4k
dave-4k / temporary-email-address-domains
Last active May 30, 2019 — forked from adamloving/temporary-email-address-domains
A list of domains for disposable and temporary email addresses. Useful for filtering your email list to increase open rates (sending email to these domains likely will not be opened).
View temporary-email-address-domains
0-mail.com
0815.ru
0clickemail.com
0wnd.net
0wnd.org
10minutemail.com
20minutemail.com
2prong.com
30minutemail.com
3d-painting.com
View codespector.css
/**
* Simple JS Calc
*/
body{
background: #31b0d5;
background: linear-gradient(90deg, #555, #333);
min-height: 100%;
}
@dave-4k
dave-4k / codespector.css
Created May 26, 2017
Play Next With SoundCloud HTML5 API
View codespector.css
/**
* Play Next With SoundCloud HTML5 API
*/
body { padding: 20px 20px 0; background-color: #eaeaea;}iframe { display: block; width: 728px; margin: 0 auto 20px; box-shadow: 0 0 6px -1px #ddd; background: #fff; border: 2px solid #fff; border-radius: 5px;}
View codespector.css
/**
* HTML5 Video
*/
body { font-family: 'Arimo', sans-serif;}video {position: fixed;right: 0;bottom: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;background-size: cover;}/*****************************/.overlay { width: 400px; height: 400px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: rgba(0,0,0,0.3); display: block; position: absolute; top: 10%; left: 50%;}.overlay h1 { text-align: center; padding-top: 100px; color: #fff; font-family: inherit;}.overlay p{ text-align: center; width: 80%; margin: 0 auto; color: #fff; font-family: inherit; margin-bottom: 20px;}.overlay a { color: #fff;}.orange { text-decoration: none;} p a.orange { color: #f27950; }
@dave-4k
dave-4k / codespector.css
Last active May 28, 2017
Padolsey Pattern Generator
View codespector.css
/**
* Padolsey Pattern Generator
*/
body { color: #fff; font-family: verdana, sans-serif; padding: 30px; text-shadow: 0 1px 1px #000;}h1 { font-size: 34px; margin: 0 0 15px;}h2 { font-size: 18px;}
@dave-4k
dave-4k / codespector.css
Last active May 26, 2017
Fullscreen iFrame
View codespector.css
/**
* Fullscreen iFrame
*/
#fullscreen_iframe{
width: 100%;
height: 100vh; /* 100 percent of vertical height */
border: none;
}
@dave-4k
dave-4k / codespector.css
Created May 24, 2017
Front End Day 93 - MacOS Dock with CSS!
View codespector.css
/**
* Front End Day 93 - MacOS Dock with CSS!
*/
html, body { padding: 0px; margin: 0px; background: #222; font-family: 'Ubuntu', sans-serif; color: #FFF; height: 100%;}body { background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/545665/bg_mountainroad.jpg"); background-size: cover; background-position: center;}.dockposition { position: absolute; height: 100px; width: 100%; bottom: 0px;}.dockposition .content { width: 680px; margin: auto; height: 100%; background: rgba(255, 255, 255, 0.5); border-radius: 4px 4px 0px 0px; position: relative;}.dockposition .content .back { position: absolute; height: 100%; width: 100%; left: 0px; overflow: hidden;}.dockposition .content .back:after { content: ''; background: rgba(255, 255, 255, 0.25); width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; -webkit-filter: blur(10px); filter: blur(10px);}.dockposition .icons { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;}.dockposition
@dave-4k
dave-4k / codespector.css
Created May 24, 2017
CSS3 Checkbox Styles
View codespector.css
/**
* CSS3 Checkbox Styles
*/
/* $activeColor: #c0392b; //red *//* $background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/13460/dark_wall.png'); *//* .slideOne */.slideOne { width: 50px; height: 10px; background: #333; margin: 20px auto; position: relative; border-radius: 50px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);}.slideOne label { display: block; width: 16px; height: 16px; position: absolute; top: -3px; left: -3px; cursor: pointer; background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 50px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}.slideOne input[type=checkbox] { visibility: hidden;}.slideOne input[type=checkbox]:checked + label { left: 37px;}/* end .slideOne *//* .slideTwo */.slideTwo { width: 80px; height: 30px;
View codespector.css
/**
* CSS Bike
*/
body { background: peachpuff;}.bike { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}.line:nth-child(1) { transform: rotate(6deg); height: 75px; width: 2px; background: gray; transform-origin: 0px 100px; position: absolute;}.line:nth-child(2) { transform: rotate(12deg); height: 75px; width: 2px; background: gray; transform-origin: 0px 100px; position: absolute;}.line:nth-child(3) { transform: rotate(18deg); height: 75px; width: 2px; background: gray; transform-origin: 0px 100px; position: absolute;}.line:nth-child(4) { transform: rotate(24deg); height: 75px; width: 2px; background: gray; transform-origin: 0px 100px; position: absolute;}.line:nth-child(5) { transform: rotate(30deg); height: 75px; width: 2px; background: gray; transform-origin: 0px 100px; position: absolute;}.line:nth-child(6) { transform: rotate(36deg); height: 75px; width: 2px; background: gray; transform-origin: 0px 100px; position: absolute;}.line:nth-
@dave-4k
dave-4k / codespector.css
Created May 24, 2017
Bees & Bombs Hypnotic Cube
View codespector.css
/**
* Bees & Bombs Hypnotic Cube
*/
body { width: 100%; height: 100vh; background: #222;}body .wrap { perspective: 1000px; width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}body .wrap .cube { transform-style: preserve-3d; position: absolute; width: 100%; height: 100%; animation: rotating 2.25s linear infinite;}@keyframes rotating { 0% { transform: rotateX(-30deg) rotateY(90deg) translateY(0); } 100% { transform: rotateX(-30deg) rotateY(270deg) translateY(-200px); }}body .wrap .cube .cube__face { position: absolute; width: 100%; height: 100%; background: #222; box-shadow: inset 0 0 0 5px #fff;}body .wrap .cube .cube__face:nth-of-type(1) { transform: rotateY(0deg) rotateX(0deg) translateZ(100px); background: transparent; box-shadow: none; transform-style: preserve-3d;}body .wrap .cube .cube__face:nth-of-type(1):before { content: ''; position: absolute; width: 100%; height: 100%; background: #222; transfo
You can’t perform that action at this time.