_adamwright's profile picture. Web developer for over 20 years

_

@_adamwright

Web developer for over 20 years

Looking to add video calling to an app Any one got recommendations on APIs to look at


After an app to add shopify products to TikTok shop #Shopify


_ a reposté

🍋 Feeling thirsty for inspiration? We've handpicked the zestiest website designs to get your creative juices flowing! Explore the goodness: tympanus.net/codrops/?p=754… #webdesign #inspiration


_ a reposté

🎠 Today, @mbarvian shares three amazing carousel experiments made with CSS scroll-driven animations, based on Francesco Zagami’s designs! No JavaScript! 🧪 Highly experimental, but oh-so-beautiful! 😍 Have a look: tympanus.net/codrops/?p=751… #css #animation #frontend


_ a reposté

My Simple Three-Step Color Technique I follow a simple rule - choose tones with at least 3 color steps between them. This technique guarantees a visually captivating design that stays cohesive within the selected color palette. 🎨 Color Generator in Comments


_ a reposté

05 must-have web design inspiration resources for UI/UX Designers bookmark it for later: Landing Pages → landings.dev Best Websites → godly.website Web Design Catalog → curated.design One Page Websites → onepagelove.com Saas Landing…


_ a reposté

_ a reposté

Thank you! I make the gradients/patterns myself. As for the assets in this project, I found them on Shapefast!


_ a reposté

CSS Tip! 🚥 You can create these trending expanding scroll indicators with scroll-driven animations and flex 🤙 .indicator { animation: grow; animation-range: contain calc(50% - var(--size)...; animation-timeline: var(--card); } @​keyframes grow { 50% { flex: 3; }}…


_ a reposté

Break it down 🎬 How to use some CSS, JavaScript, and an HTML <canvas> to create these animated concentric rings that are clipped by text 😍 A fun challenge and you can animate whatever you want on the <canvas> 🚀 Enjoying throwing together these YouTube videos 🖤

Couldn't resist 😁 You can use some JavaScript <canvas> trickery to create a responsive clipped text effect ✨ context.drawImage(text, 0, 0) context.globalCompositeOperation = "source-in" context.drawImage(rings, 0, 0) Use compositing to clip the animated rings to text 🤓 –…



_ a reposté

I've been working on @Naveox portfolio for the past few months and I'm so happy with the result Thanks to him for trusting me to develop his portfolio The project is up for nomination on @awwwards Feel free to vote: awwwards.com/sites/evan-fas…

awwwards.com

Evan Fasquelle - Awwwards SOTD

Portfolio of Evan Fasquelle, a France-based Digital Designer and Art Director.


_ a reposté

CSS Tip 🤙 You can create this header effect using position: sticky, clip-path, and custom properties 🔥 (Video 👀) header { position: sticky; top: var(--margin); } main { clip-path: inset(var(--header) 0 0 0);) } No mix-blend-mode or animations required ✨ What's the trick…


_ a reposté

The Figma component I most enjoy showing at work


_ a reposté

Little animations like this still instil a bit of child-like wonder in me. I'm amazed that it can be done with 3 little GSAP tweens in a timeline. I spend loads of time clicking the play button or scrubbing through GSDevTools enjoying how it all comes together. Play with the…


_ a reposté

This might be the best Color Generator out there. uicolors.app/create


_ a reposté

Authentication that integrates in minutes.


_ a reposté

115 pages of workouts anyone, of any fitness level, can do anywhere. All free. Don’t say I didn’t try to get your year started right! arnold2024.carrd.co


_ a reposté

Exciting news! We're pleased to announce our collaboration with Studio-D for the launch of their new website. Immerse yourself in a 360-degree experience, explore interactive narratives, and witness how we've elevated Studio D's online presence. ↳studiod.nu/en/


Loading...

Something went wrong.


Something went wrong.