Blake Bowen's work, updated to GSAP 3 from https://codepen.io/osublake/pen/veyxyQ?editors=0010
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
# Created by https://www.gitignore.io/api/node,bower,osx,linux,windows,dropbox,sass,less,grunt,sublimetext,code | |
### Node ### | |
# Logs | |
logs | |
*.log | |
npm-debug.log* | |
# Runtime data |
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
# Compiled source # | |
################### | |
*.com | |
*.class | |
*.dll | |
*.exe | |
*.o | |
*.so | |
# Packages # |
Convert a plain stack of images to an immersive, 3D/parallax scrolling gallery, with GSAP.js. Plus a little DrawSVG to start/finish the dynamically generated timeline.
Featured on Frontend Horse! Watch the video walk-through here: https://www.youtube.com/watch?v=JmYxiTW671g
A Pen by Tom Miller on CodePen.
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
float circ(vec2 p){ | |
return length(p) - 0.5; | |
} | |
// http://www.iquilezles.org/www/articles/palettes/palettes.htm | |
// As t runs from 0 to 1 (our normalized palette index or domain), | |
//the cosine oscilates c times with a phase of d. | |
//The result is scaled and biased by a and b to meet the desired constrast and brightness. | |
vec3 cosPalette( float t, vec3 a, vec3 b, vec3 c, vec3 d ) | |
{ |
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
/* | |
This script attempts to identify all CSS classes mentioned in HTML but not defined in the stylesheets. | |
In order to use it, just run it in the DevTools console (or add it to DevTools Snippets and run it from there). | |
Note that this script requires browser to support `fetch` and some ES6 features (fat arrow, Promises, Array.from, Set). You can transpile it to ES5 here: https://babeljs.io/repl/ . | |
Known limitations: | |
- it won't be able to take into account some external stylesheets (if CORS isn't set up) | |
- it will produce false negatives for classes that are mentioned in the comments. |
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
const webgl = document.createElement('canvas').getContext('webgl'); | |
const webgl2 = document.createElement('canvas').getContext('webgl2'); | |
const contexts = [webgl, webgl2]; | |
contexts.forEach(gl => { | |
const debugRendererInfo = gl.getExtension('WEBGL_debug_renderer_info'); | |
console.log('renderer:', gl.getParameter(debugRendererInfo.UNMASKED_RENDERER_WEBGL)); | |
console.log('vendor:', gl.getParameter(debugRendererInfo.UNMASKED_VENDOR_WEBGL)); |
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
# Base editorconfig for new projects | |
root = true | |
[*] | |
end_of_line = lf | |
indent_style = space | |
tab_width = 4 | |
charset = utf-8 | |
trim_trailing_whitespace = true |
JSConf Budapest, June 2-3, 2022 Presented by: Mark Brouch
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
{ | |
"editor.defaultFormatter": "esbenp.prettier-vscode", | |
"editor.formatOnSave": true, | |
"editor.detectIndentation": true, | |
"editor.lightbulb.enabled": false, | |
"editor.fontFamily": "Operator Mono, Menlo, Monaco, 'Courier New', monospace", | |
"editor.fontLigatures": false, | |
"editor.rulers": [80], | |
"editor.snippetSuggestions": "top", | |
"editor.wordBasedSuggestions": false, |