์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
TDevelopers
2024. 10. 22.
guess the flutter widget part2
In this tutorial we will learn to implement how to add smooth scrolling with parallax effect in Next.js!๐คฉ Demo Link๐ค: https://smooth-scroll-next-js.vercel.app/ Blog๐: https://devdreaming.com ----------------------------------------------- Need Web Development or AI Solutions Services? ๐ Let's bring your ideas to life! Contact Me From Here: https://tally.so/r/wdlj0N ----------------------------------------------- ----------------------------------------------------------------------------------------------------------- Final CODE: โก Link ๐(Give โญ to the repo): https://github.com/codebucks27/Smooth-Scroll-Next.js ----------------------------------------------------------------------------------------------------------- Hey there ๐, In this tutorial, we'll learn to implement smooth scrolling website Here's what you'll learn in this tutorial: ๐ How to add smooth scroll in Next.js project ๐ How to implement parallax effect with this smooth scroll using GSAP ๐ How to add parallax effect on different elements ๐ How to use events like onScroll in smooth scroll For this project, we're going to use: ๐ Next.js ๐ Lenis Scroll ๐ GSAP Whether you're a complete beginner or an experienced web developer, this next.js tutorial will teach you everything you need to know implement smooth scroll in your next.js website. Like, Sub๐ฅ & Share! โฅ Follow me on ๐: Twitter๐ค : https://twitter.com/code_bucks LinkedIn ๐: https://www.linkedin.com/in/codebucks/ Instagram ๐ซ: https://www.instagram.com/code.bucks Email ๐ง: codebucks27@gmail.com Learn More About, โญ https://youtu.be/1QGLHOaRLwM โญ https://youtu.be/Yw7yWHigGKI โญ https://youtu.be/JPlVb3t6kx8 โญ https://youtu.be/Ra1Fsa9YJCk โญ https://youtu.be/edr2o59Twrs โญ https://youtu.be/jcohAIaSy2M โญ https://www.youtube.com/playlist?list=PLjxZxD6BDkeY5OvIpH_WVjsEVXOW8pBrl โญ https://www.youtube.com/playlist?list=PLjxZxD6BDkeZLbkPNgGxZklwPdhIAuYqV Timestampsโ: Intro + Demo @00:00:00 Setup & Installation @00:02:24 Adding Lenis smooth scroll @00:04:20 Add Images @00:06:56 Adding Parallax Effect @00:13:10 Implement scrollTo method @00:25:15 Disclaimer: All videos are for educational purposes only, please use them wisely. #gsap #parallaxeffect #nextjstutorial
2023. 12. 4.
React 19 has a problem, and that's speed. With a new change to how suspense works, the SAME CODE behaves massively different in how it's executed between 18 and 19. I love what Tk Dodo does for the react community, and turns out, the react team listened to his (and others) concerns. --- sources tk_dodos blog article (great read!!): https://tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts -- my links second channel (in depth videos): https://www.youtube.com/@Joshtriedupstash discord: https://discord.gg/4vCRMyzgA5 github: https://github.com/joschan21
2024. 6. 18.
2024. 9. 12.
๐๐ป์กฐ์นด์ ๋์ค AI ์ถ์!! ํฌ์ธํธ ๋ฐ๊ณ ๋ฌด๋ฃ๋ก ์ฌ์ฉํด๋ณด๊ธฐ ๐ https://jocasso.codemafia.io/dance ๐(์ ๊ฐ)Do it! ์กฐ์ฝ๋ฉ์ ์ฒซ ์น ๊ฐ๋ฐ - YES24: https://vo.la/mVMTp - ์๋ผ๋: https://vo.la/ANizc - ๊ต๋ณด๋ฌธ๊ณ : https://vo.la/tNpin ์กฐ์ฝ๋ฉ๊ณผ ์ฝ๋ฉ ๊ณต๋ถํ๊ธฐ https://jocoding.net/ ์กฐ์นด์ - ์๋ง/๋ฒ์ญ/๋๋น AI, ์ฌ์ง AI ๋ฑ https://jocasso.codemafia.io VVIP ๋ฉค๋ฒ์ญ ํ์ ๋นต์ค์ ์๊ณ ๋ฆฌ์ฆ๋, ๊ทธ๋ฆผ์๊ทธ๋ฆผ์๋, ๋ผ๋ค๋, ์ฐจ๋ฉChading TV๋, ์๋ถ์ฌ๋ฒจ๋, prochild๋, turtledayํฐํ๋ฐ์ด๋, AI Beauty Artist๋, eyuri chi๋, ๋ฐคB๋, ์ ์ง๊ท ๋, ์๋ณด์ฑ๋, Tae hwan Kim๋, ์ฝ๋ก๋ผ๋๋, ์ ์ด์์ค์ฝ๋ฆฌ์๋ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. https://www.youtube.com/@jocoding/join #๊ฐ๋ฐ์ #ํ๋ก๊ทธ๋๋จธ #๋ด์ค #it๋ด์ค #ai๋ด์ค #๊ฒ์ #์์ง #๋ฌผ๋ฆฌ์์ง #์ ๋ํฐ #์ธ๋ฆฌ์ผ์์ง #gamengen #๊ฒ์์์ฑ
2024. 9. 4.
2024. 10. 12.
Next.js 15 and React 19 are just around the corner. Learn about everything they bring to the table. ๐ Next 15 Guide: https://resource.jsmastery.pro/nextjs-15-guide ๐ Become a top 1% Next.js developer in only one course: https://www.jsmastery.pro/next14 ๐น Vercel Ship: https://www.youtube.com/live/roRx0b_VXsU ๐ Social Media: https://discord.gg/javascript-mastery-programming-coding-community-710138849350647871 https://twitter.com/jsmasterypro https://www.instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery https://www.linkedin.com/in/adrianhajdin/ ๐ผ Business Inquiries: contact@jsmastery.pro Time Stamps ๐ 00:00 โ Overview 01:12 โ Feature 1 01:55 โ Feature 2 02:59 โ Feature 3 03:52 โ Feature 4 05:21 โ Feature 5 06:38 โ Feature 6 07:20 โ Feature 7 07:34 โ Feature 8
2024. 5. 24.