vallafederico has 122 followers on Webflow.
%20%E2%80%93%2018.png)
Native%20WebGl%20Engine%20-%3E%20Post%20Processing
Integrated%20post%20processing%20and%20native%20DOM%20interaction%20on%20my%20WebGl%20engine.%20Made%20a%20tiny%20progress%20demo.%20%0A%0ADef%20not%20optimised%20/%20responsive.%0A%0A%uD83D%uDC40%20
Tags:
- webgl
- customjs
- images
- hovereffect
Visit Site
Well%20you%20can%20*technically*%20use%20.webp%20from%20Webflow%20Asset%20Manager
But%20is%20it%20worthed%3F%20%0AShould%20you%3F%0A%0ARegardless%2C%20rename%20your%20.webp%20to%20.webp.txt%20and%20upload%20in%20the%20asset%20manager%2C%20use%20a%20%3CPicture%3E%20tag%20et%20voil%E0.%0A%0ACheck%20the%20network%20tab%20and%20see%20what%27s%20being%20loaded.%0A%0A*******%0AImages%20are%20purposefully%20GIGANTIC.%20Also%20not%20really%20leveraging%20anything%20that%27s%20great%20for%20.webp%20here%2C%20but%20that%27s%20the%20gist%20of%20it.%0A%0AFree%20worst%20practices%20ever%20included.%20Please%20use%20alt%20tags%20like%20a%20champ%20would%20do.%0A%0AImages%20from%20unsplash.
Tags:
Visit Site
Blockchain%20Account%20+%20Login%20System%20%u27CB%20demo
Ethereum%20based%20Auth%20+%20Account%20System%2C%20through%20Netlify%20and%20Supabase.%0A%0A%0A1.%20User%20sends%20request%20to%20serverless%20backend%2C%20gets%20a%20nonce%20generated%20securely%20and%20a%20request%20to%20sign%20it.%0A%0A2.%20Wallet%20signs%20and%20sends%20signature%20back%20to%20backend.%20If%20signature%20holds%20correct%20nonce%20user%20is%20logged%20in%20asd%20a%20session%20JWT%20is%20allowed%20to%20make%20changes%20to%20profile%20with%20no%20additional%20secured%20requests.%0A%0A%0ATry%20and%20login%20%28I%27m%20only%20storing%20wallet%20address%20and%20if%20you%20pick%20one%20the%20username%20and%20twitter%20handle%29.%20Please%20don%27t%20spam%20my%20API%20%28%3A%0A%0A%uD83D%uDC40%0A%0A%0A%u2014%u2014%20v%u27CB0%20%0AOnly%20supports%20Metamask%20Wallet%20and%20sessions%20resets%20on%20every%20refresh
Tags:
- blockchain
- ethereum
- account
- members
- authorisation
- database
- backend
- metamask
- nft
Visit Site
%20%E2%80%93%2017.png)
CMS%20Insert%20%u27CB%20js
Inserts%20arbitrary%20non-cms%20element%20from%20the%20page%20flow%20inside%20a%20CMS%20colleciton%20list.%20Can%20be%20positioned%20at%20start%2C%20middle%2C%20end%2C%20or%20in%20an%20explicit%20position%20%28specified%20through%20number%29.%0A%0A%u2014%u2014%20%0APlease%20if%20you%20use%20this%20in%20production%20host%20the%20code%20yourself%20%3A%29%0A%0A%uD83D%uDC40
Tags:
- cms
- insert
- push
- component
Visit Site
%20%E2%80%93%2014.png)
Sound%20Module%20%u27CB%20js
Needed%20sound%2C%20made%20sound%20%28module%29.%0AConfigurable%20to%20play%20on%20hover%20or%20click.%0A%0A%0AMight%20add%20stuffs%20to%20it%2C%20%20just%20comment%20if%20you%20need%20anything.%20Not%20particularly%20elegant%20but%20%uD83E%uDD37.%0A%0ARandom%20sounds%20from%20soundly.%0A%0A%uD83D%uDC40%0A%0ACHANGELOG%0A06/04/22%20%u2016%20If%20first%20click%20is%20on%20a%20trigger%20sound%20plays%20directly%20instead%20of%20separating%20the%20Audio%20Context%20creation%20from%20the%20triggering.%20Never%20written%20something%20less%20clear%20in%20my%20life%20I%20think%20%3A%29%0A%0AHow%20to.%0APlease%20host%20the%20code%20yourself%20if%20used%20in%20production%20as%20stuffs%20might%20break%20or%20I%20might%20make%20weird%20changes.%20If%20you%20follow%20the%20link%20provided%20in%20the%20page%20code%20you%27ll%20find%20yourself%20in%20a%20codesandbox%2C%20where%20there%20will%20be%20a%20.js.txt%20file.%20Download%20that%2C%20put%20it%20in%20wf%2C%20get%20the%20link%20and%20link%20that%20as%20a%20script.%20Thanks%21
Tags:
Visit Site
wallet-address%20%u27CB%20OpenSea%20API
Had%20to%20revise%20a%20project%20when%20the%20API%20changed.%20%0AMade%20it%20cloneable.%0A%0APulls%20all%20NFTs%20from%20a%20Wallet%20Address%20from%20OpenSea%20marketplace%2C%20javascript%20only.%20CSS%20animation%20for%20when%20stuffs%20get%20pulled%20in.%20Fully%20style-able%20as%20is%20using%20a%20component%20from%20the%20Webflow%20DOM%2C%20with%20classes%20and%20everything%20accessible%20in%20WF.%0A%0ABe%20aware%20that%20if%20using%20this%20in%20an%20actual%20project%20you%20will%20be%20safer%20going%20through%20the%20API%20KEY%20route.%0A%0A%uD83D%uDC40
Tags:
- javascript
- crypto
- opensea
- api
- ethereum
- eth
- fetch
Visit Site
Realtime%20Refraction%20%28WebGl%29
Random%20dump%20of%20unfinished%20things%20made%20in%202021%20that%20for%20one%20reason%20or%20another%20have%20never%20seen%20the%20light.%201/%u221E%0A%0ATesting%20realtime%20refraction%20in%20WebGl%20with%20moving%20background%20%28tricky%20part%29.%20Text%20animation%20is%20bad%20and%20definitely%20not%20to%20be%20seen%20on%20mobile.%20Might%20not%20work%20and%20could%20definitely%20use%20a%20preloader.%0A%0AClick%20and%20drag%20to%20navigate.%0A%0A%uD83D%uDC40
Tags:
- webgl
- refraction
- portfolio
- drag
- threejs
Visit Site
%20%E2%80%93%2016.png)
clock%20%u27CB%20js
Tiny%20vanilla%20JS%20clock%2C%20needs%20an%20attribute%20and%20can%20be%20configured%20with%20timezones.%20All%20info%20in%20/body%20tag.%0A%0A%uD83D%uDC40
Tags:
- clock
- time
- javascript
- jsf
- timezone
Visit Site
%20%E2%80%93%2011.png)
Barba.js%20%u27CB%20starter
Temporary%20published%20to%20answer%20a%20question%2C%20will%20disappear%20soon%20%3A%29
Tags:
Visit Site
%20%E2%80%93%2010.png)
Minimal%20Smooth%20and%20Drag%20Scroll%20%u27CB%20lib
Revising%20my%20boilerplate%2C%20needed%20a%20scroll%20so%20made%20one.%0ASmooth%20Scroll%20+%20Mouse%20Drag%20Scroll%20%28optional%29%2C%20in%20less%20than%20200%20lines%20of%20vanilla%20JS.%0A%0A%0ACompletely%20configured%20by%20data-attributes%20for%20wf.%0A%0AYou%20can%20control%20the%20scrolling%20element%20%28data-scroll%29%2C%20a%20factor%20for%20scroll%20speed%20%28data-factor%3D%22%7Bnumber%7D%22%20and%20if%20mouse%20dragging%20is%20supported%20%28data-mouse%3D%22true/false%22%29.%0A%0A%0AIt%27s%20also%20webGl%20ready%20and%20supports%20speed%2C%20but%20for%20that%20you%27ll%20want%20to%20fork%20the%20sandbox%20here%20%28https%3A//codesandbox.io/s/smooth-scroll-2qfif%29.%0A%0A%28%21%29%20Definitely%20not%20tested%20throughly%2C%20so%20use%20it%20at%20your%20own%20risk.%0A%28%3A%29%20Would%20love%20feedbacks%20on%20breaking%20cases%20and%20strange%20behaviours.%0A%0A%0A--%20I%27m%20currently%20working%20on%20an%20actual%20one%20that%20also%20solves%20a%20couple%20of%20webflow%20problems%20regarding%20position%20sticky%20and%20while%20scrolling%20animations%20but%20that%27s%20not%20happening%20anytime%20soon.%20I%27ll%20post%20on%20twitter%20when%20%28and%20if%29%20it%27s%20to%20a%20publishable%20state.%20This%20one%20does%20not.%20But%20position%20sticky%20is%20horrible%20anyway.%0A%0A%0A%uD83D%uDC40
Tags:
- smoothscroll
- smoothscrollbar
- drag
- smooth
- scroll
- scrolleffects
Visit Site
Machine%20Learning%20Speech%20Module
WIP%20for%20current%20project.%20%0AJust%20an%20experiment%20for%20now.%0A%0ATensorflow%20based%20in%20browser%20realtime%20speech%20recognition%20as%20trigger%20for%20WebGl%20animated%20mesh.%20%0A%0A%uD83D%uDC40
Tags:
- machinelearning
- tensorflow
- webgl
- threejs
- voice
Visit Site
%20%E2%80%93%2015.png)
countdown%20%u27CB%20js
Needed%20one%2C%20made%20one.%20%uD83D%uDE80
Tags:
Visit Site
.gif)
Lions%20Slider%20WebGl%20%u27CB%20webgl
MIGHT%20HAVE%20DELETED%20THE%20SANDBOX%20WITH%20THE%20CODE%20%3A%29%2C%20project%20is%20dead%20until%20I%20recover%20it%20%28probably%20never%29%0A%0AWebGl%20%28THREE.js%29%20based%20circular%20drag+scroll%20slider%20with%20nice%20%28potential%29%20transition%20as%20seen%20on%20awwwards.%20All%20data%20pulled%20from%20our%20beloved%20CMS.%0AClone%20away%21%0A%0A*%20Will%20love%20a%20preloader%2C%20and%20an%20image%20does%20not%20load%20just%20needs%20to%20be%20switched%20up%20but%20no%20time%20fo%20that%21%0A*%20Mobile%20only%20for%20now%2C%20and%20wheel%20event%20is%20not%20really%20cross%20browser%21%0A%0A%0A%uD83D%uDC40%0A@fpalla
Tags:
Visit Site
.gif)
Webgl%20Image%20Transition%20Slider%20%u27CB%20webgl
Based%20on%20Curtains.js.%20Fully%20customizable%20in%20size%20and%20shape%2C%20responsive%20%28behaves%20like%20css%20cover%29.%20Options%20for%20autoplay%20or%20buttons%2C%20transition%20duration%2C%20custom%20displacement%20maps%20or%20pixel%20distance%2C%20built%20in%20easings%20%28no%20libs%29.%20Will%20add%20more%20shaders%20soon%20%28hopefully%29.%0A%0ACHANGELOG%0AVersion1%3A%20fixed%20last%20image%20not%20displaying.
Tags:
- webgl
- curtains
- slider
- displacement
- transition
Visit Site
%20%E2%80%93%2012.png)
Locomotive%20Scroll%20%u27CB%20starter
BOILERPLATE%20for%20Locomotive%20Scroll%20integration.%0A%0A%0A%uD83D%uDC40
Tags:
- smoothscroll
- locomotive
- scroll
Visit Site