Which # do you prefer ?
A Pen by Mojtaba Seyedi on CodePen.
<html> | |
<head> | |
<meta /> | |
<title> | |
preconnect | |
<script async></script> | |
CSS with | |
@imports | |
sync JS |
export default function randomGenerator(seed) { | |
let state = seed; | |
const next = () => { | |
state |= 0; | |
state = (state + 0x6d2b79f5) | 0; | |
var t = Math.imul(state ^ (state >>> 15), 1 | state); | |
t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t; | |
return ((t ^ (t >>> 14)) >>> 0) / 4294967296; | |
}; |
// Credit: https://codepen.io/leaverou/pen/eYJodjb | |
let style = document.body.style; | |
let properties = Object.getOwnPropertyNames(style.hasOwnProperty("background")? style : style.__proto__); | |
properties = properties.filter(p => style[p] === "") // drop functions etc | |
.map(prop => { // de-camelCase | |
prop = prop.replace(/[A-Z]/g, function($0) { return '-' + $0.toLowerCase() }); | |
if (prop.indexOf("webkit-") > -1) { |
function inViewport(elem, callback, options = {}) { | |
return new IntersectionObserver(entries => { | |
entries.forEach(entry => callback(entry)); | |
}, options).observe(document.querySelector(elem)); | |
} | |
inViewport('.target', element => { | |
//element.isIntersecting (bool) true/false | |
}, { | |
root: document.querySelector('.scroll') |
{ | |
"api": { | |
"CredentialUserData": { | |
"__compat": { | |
"mdn_url": "https://developer.mozilla.org/docs/Web/API/CredentialUserData", | |
"support": { | |
"chrome": { | |
"version_added": "60" | |
}, | |
"chrome_android": { |
div { | |
width: 80%; | |
height: 130px; | |
margin: 20px auto 0; | |
border: 10px solid gray; | |
border-image: url(http://mojoimage.com/free-image-hosting-13/8572ball-border-img.png) 100 / 30px 30px stretch repeat; | |
} |
Which # do you prefer ?
A Pen by Mojtaba Seyedi on CodePen.