Which # do you prefer ?
A Pen by Mojtaba Seyedi on CodePen.
Mojtaba Seyedi seyedi
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta /> | |
| <title> | |
| preconnect | |
| <script async></script> | |
| CSS with | |
| @imports | |
| sync JS |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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; | |
| }; |
seyedi
/ supported-properties.js
Created
August 14, 2020 13:35
Dynamically compute list of supported properties
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 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) { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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') |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "api": { | |
| "CredentialUserData": { | |
| "__compat": { | |
| "mdn_url": "https://developer.mozilla.org/docs/Web/API/CredentialUserData", | |
| "support": { | |
| "chrome": { | |
| "version_added": "60" | |
| }, | |
| "chrome_android": { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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; | |
| } |
seyedi
/ essential-meta-tags-social-media.html
Created
June 24, 2016 11:29
seyedi
/ essential-meta-tags-social-media.html
Created
June 24, 2016 11:29
NewerOlder