_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


_ 님이 재게시함

🍋 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


_ 님이 재게시함

🎠 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


_ 님이 재게시함

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


_ 님이 재게시함

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…


_ 님이 재게시함

_ 님이 재게시함

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


_ 님이 재게시함

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; }}…


_ 님이 재게시함

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 🤓 –…



_ 님이 재게시함

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…


_ 님이 재게시함

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…


_ 님이 재게시함

The Figma component I most enjoy showing at work


_ 님이 재게시함

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…


_ 님이 재게시함

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


_ 님이 재게시함

Authentication that integrates in minutes.


_ 님이 재게시함

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


_ 님이 재게시함

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.