- 71
- 156 153
Approvecode
Ukraine
เข้าร่วมเมื่อ 4 ก.ย. 2022
Добро пожаловать на "Approvecode" - канал по созданию крутой и современной анимации для веб-сайтов. Главная цель канала - помочь вам превратить обыденные веб-страницы в настоящие произведения искусства, используя передовые библиотеки для анимации такие как GSAP.
Присоединяйтесь к нашему сообществу веб-разработчиков, чтобы узнать, как сделать ваш веб-сайт более динамичным и привлекательным для пользователей. Подписывайтесь на наш канал и начните создавать анимацию, которая оживит ваши веб-проекты.
Первое видео на канале - 05.09.2022
50 подписчиков - 12.11.2022
100 подписчиков - 28.12.2022
200 подписчиков - 26.01.2023
300 подписчиков - 08.02.2023
500 подписчиков - 05.04.2023
600 подписчиков - 07.05.2023
700 подписчиков - 27.05.2023
800 подписчиков - 15.06.2023
900 подписчиков - 07.07.2023
1000 подписчиков - 29.07.2023
1500 подписчиков - 02.11.2023
2000 подписчиков - 30.12.2023
2500 подписчиков - 11.02.2024
3000 подписчиков - 16.03.2024
3500 подписчиков - 27.04.2024
Присоединяйтесь к нашему сообществу веб-разработчиков, чтобы узнать, как сделать ваш веб-сайт более динамичным и привлекательным для пользователей. Подписывайтесь на наш канал и начните создавать анимацию, которая оживит ваши веб-проекты.
Первое видео на канале - 05.09.2022
50 подписчиков - 12.11.2022
100 подписчиков - 28.12.2022
200 подписчиков - 26.01.2023
300 подписчиков - 08.02.2023
500 подписчиков - 05.04.2023
600 подписчиков - 07.05.2023
700 подписчиков - 27.05.2023
800 подписчиков - 15.06.2023
900 подписчиков - 07.07.2023
1000 подписчиков - 29.07.2023
1500 подписчиков - 02.11.2023
2000 подписчиков - 30.12.2023
2500 подписчиков - 11.02.2024
3000 подписчиков - 16.03.2024
3500 подписчиков - 27.04.2024
Top Frontend Development Toolse #3
Сегодня представляем вашему вниманию третью подборку полезных сервисов для программистов, разработчиков и других специалистов, которые помогут вам в вашей работе.
Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать на колокольчик🔔🔔🔔 чтобы не пропускать новые видео.
🔴 Также переходите по ссылкам ниже 👇👇👇
🔶 Support the channel: www.patreon.com/approvecode
🔶 Website: folio-nd.approvecode.com/
🔶 Blog: approvecode.com/
🔶 GitHub: github.com/DmitriNaumov
🔶 Codepen: codepen.io/DmitrN
🔶 ApproveCode on IG: nd.webdev
🔶 ApproveCode on TG: t.me/avcode
#html5 #css3 #javascript #jquery #coding #code #coder #htmlcss #site #htmlcssjavascripttutorial #frontend #frontenddeveloper #creative #vscode #approvecode
Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать на колокольчик🔔🔔🔔 чтобы не пропускать новые видео.
🔴 Также переходите по ссылкам ниже 👇👇👇
🔶 Support the channel: www.patreon.com/approvecode
🔶 Website: folio-nd.approvecode.com/
🔶 Blog: approvecode.com/
🔶 GitHub: github.com/DmitriNaumov
🔶 Codepen: codepen.io/DmitrN
🔶 ApproveCode on IG: nd.webdev
🔶 ApproveCode on TG: t.me/avcode
#html5 #css3 #javascript #jquery #coding #code #coder #htmlcss #site #htmlcssjavascripttutorial #frontend #frontenddeveloper #creative #vscode #approvecode
มุมมอง: 244
วีดีโอ
5 Best CodePen projects #10 | HTML, CSS & JAVASCRIPT
มุมมอง 50212 ชั่วโมงที่ผ่านมา
Подборка №10 готовых решений на CodePen. В подборке вы увидите анимацию ввода пароля, анимацию таймера, анимацию страницы 404 с parallax effect, красивые кнопки в стиле Neumorphic, а также не стандартный аккордеон. Все ссылки ниже👇👇👇 00:00 - Encrypted Password Reveal 00:28 - Collapsible Timeline 00:57 - UI 404 Page 01:17 - Countdown Clock 01:41 - Neumorphic buttons 1️⃣ Encrypted Password Reveal...
Best Creative Website Design #10 | HTML, CSS, JAVASCRIPT, GSAP & THREE.JS
มุมมอง 76619 ชั่วโมงที่ผ่านมา
Новая подборка красивых сайтов для вдохновения, на которых присутствует анимация появления текста(text reveal), анимация появления картинок(image reveal), анимация при наведении на блоки или текст, а также невероятно эффектные three.js анимации (three.js animation) Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать на колокольчик🔔🔔🔔 чтобы не...
Infinite Marquee Animation Using GSAP ScrollTrigger | Tutorial | HTML, CSS & GSAP
มุมมอง 556วันที่ผ่านมา
🔴 Source Code From Video 👇👇👇 🔶 www.patreon.com/posts/infinite-marquee-105433627 🔴 Bonus 👇👇👇 🔶 www.patreon.com/posts/infinite-marquee-105418286 Сегодня на очереди видео в котором будет показано как сделать бесконечную бегущую строку (infinite marquee animation) со сменой направления движения при скролле страницы. Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 ...
6 Best Fonts From Google Fonts | Part 2
มุมมอง 17721 วันที่ผ่านมา
В этом видео вы увидите подборку №2 из 6 красивых и необычных шрифтов от Google Fonts, которые помогут придать вашему дизайну стиль и выразительность. 🔴 6 Best Fonts From Google Fonts | Part 1 🔶 th-cam.com/video/DxPWub2TEl0/w-d-xo.html Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать на колокольчик🔔🔔🔔 чтобы не пропускать новые видео. 00:00...
How To Create Cards Reveal Animation With GSAP | HTML, CSS & GSAP
มุมมอง 1.1K28 วันที่ผ่านมา
🔴 Source Code From Video 👇👇👇 🔶 www.patreon.com/posts/how-to-create-104485273 🔴 Bonus 👇👇👇 🔶 www.patreon.com/posts/how-to-create-103501190 В этом видео вы увидете, как создать потрясающую анимацию смены карточек с анимированным фоном используя библиотеку GSAP Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 не забывайте нажать на колокольчик🔔🔔🔔 чтобы не пропускат...
Staking Cards Animation Using GSAP | HTML, CSS & GSAP
มุมมอง 1.5Kหลายเดือนก่อน
🔴 Source Code From Video 👇👇👇 🔶 www.patreon.com/posts/102539845 🔴 Bonus 👇👇👇 🔶 www.patreon.com/posts/staking-cards-102395045 Сегодня на очереди крутая анимация карточек которые стакаются во время скрола страницы. Для создания подобной анимации используется библиотеке GSAP & ScrollTrigger! Так же присутствует плавная анимация скрола с использованием библиотеки lenis.js Если понравилось видео, нажи...
Text Reveal Animation On GSAP | HTML CSS & GSAP
มุมมอง 8722 หลายเดือนก่อน
Source Code From Video 👇👇👇 www.patreon.com/posts/101414607 Bonus 👇👇👇 www.patreon.com/posts/text-reveal-on-101354263 Сегодня вы узнаете как создать очень красивый эффект появления текста (text reveal animation) во время скрола в виде тени с использованием библиотеки gsap и scrolltrigger. Приятного просмотра😎 Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не ...
6 Best Fonts From Google Fonts | Part 1
มุมมอง 5853 หลายเดือนก่อน
В этом видео вы увидите подборку из 6 красивых и необычных шрифтов от Google Fonts, которые помогут придать вашему дизайну стиль и выразительность. Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать на колокольчик🔔🔔🔔 чтобы не пропускать новые видео. 00:00 - Syne fonts.google.com/specimen/Syne 00:43 - Crona One fonts.google.com/specimen/Krona...
Best Creative Website Design #9 | HTML, CSS, JAVASCRIPT, GSAP & THREE.JS
มุมมอง 1.5K3 หลายเดือนก่อน
Новая подборка красивых сайтов для вдохновения, на которых присутствует анимация появления текста(text reveal), анимация появления картинок(image reveal), анимация при наведении на блоки или текст, а также невероятно эффектные three.js анимации (three.js animation). Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать на колокольчик🔔🔔🔔 чтобы н...
Landing Page Reveal Animation On GSAP | HTML, CSS & GSAP
มุมมอง 1.5K3 หลายเดือนก่อน
Source Code From Video 👇👇👇 www.patreon.com/posts/99171355 Bonus 👇👇👇 www.patreon.com/posts/landing-page-css-98638650 Сегодня у нас на очереди крутая анимация загрузки сайта (landing page animation) c крутыми эффектами появления блоков (reveal animation) с использованием библиотеки gsap. Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать на ко...
Particle Animation On JavaScript | particles.js | HTML, CSS & JAVASCRIPT
มุมมอง 9234 หลายเดือนก่อน
Source Code From Video 👇👇👇 www.patreon.com/posts/97887566 Сегодня вы узнаете как можно легко и быстро сделать красивую анимацию частиц с ховер эффектом (particle animation) для своего сайта с использованием javascript библиотеки particles.js Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать на колокольчик🔔🔔🔔 чтобы не пропускать новые видео....
Three js background animation | vanta js | HTML, CSS & JavaScript
มุมมอง 1.4K4 หลายเดือนก่อน
Source Code From Video 👇👇👇 www.patreon.com/posts/96922212 Сегодня на очереди, крутая анимация градиента с использованием библиотеки vanta.js, которая работает благодаря three.js (библиотека для создания и отображения интерактивной 3D графики в WebGL). Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать на колокольчик🔔🔔🔔 чтобы не пропускать но...
16 best animation for your site | HTML, CSS, JQUERY & GSAP
มุมมอง 2.7K5 หลายเดือนก่อน
В данном видео собраны красивые анимации для вашего сайта которые есть на канале. На канале есть анимации при наведении на текст, картинки; различная анимация табов(tabs animation); бесконечная прокрутка сайта(infinite scroll site); параллакс анимация картинок, текста(parallax animation); анимированные чекбоксы и input text; marquee text animation; плавная прокрутка сайта с фиксированными карти...
Best Creative Website Design #8 | HTML, CSS, JAVASCRIPT, GSAP, THREE JS
มุมมอง 6K5 หลายเดือนก่อน
Сегодня вы увидите очередную подборку красивых сайтов. На сайтах присутствует различные варианты появления текста(text reveal), анимация появления картинок(image reveal), анимация при наведении на блоки или текст, а также невероятно эффектные сайты с three.js анимацией (three.js animation). Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать ...
5 Best CodePen Projects #09 | HTML, CSS & JAVASCRIPT | Happy New Year
มุมมอง 3175 หลายเดือนก่อน
5 Best CodePen Projects #09 | HTML, CSS & JAVASCRIPT | Happy New Year
Animated Tabs Using GSAP | Image and Text Reveal Animation | HTML CSS JavaScript
มุมมอง 9756 หลายเดือนก่อน
Animated Tabs Using GSAP | Image and Text Reveal Animation | HTML CSS JavaScript
Text Hover Animation | Show Image On Text Hover | HTML, CSS & JavaScript GSAP
มุมมอง 1.3K6 หลายเดือนก่อน
Text Hover Animation | Show Image On Text Hover | HTML, CSS & JavaScript GSAP
Best Creative Website Design #7 | HTML, CSS, JAVASCRIPT, GSAP, Three.js
มุมมอง 1.6K6 หลายเดือนก่อน
Best Creative Website Design #7 | HTML, CSS, JAVASCRIPT, GSAP, Three.js
Image Hover Effect | Reveal Text On Image Hover | HTML, CSS & GSAP Animation
มุมมอง 1.2K6 หลายเดือนก่อน
Image Hover Effect | Reveal Text On Image Hover | HTML, CSS & GSAP Animation
Best Creative Website Design #6 | HTML, CSS, JAVASCRIPT, GSAP, THREE JS
มุมมอง 5K7 หลายเดือนก่อน
Best Creative Website Design #6 | HTML, CSS, JAVASCRIPT, GSAP, THREE JS
Horizontal Scroll Section | Locomotive Scroll & GSAP ScrollTrigger | Parallax, gsap animation
มุมมอง 3.5K7 หลายเดือนก่อน
Horizontal Scroll Section | Locomotive Scroll & GSAP ScrollTrigger | Parallax, gsap animation
GSAP ScrollTrigger Pinned Image Animation | HTML, CSS, JAVASCRIPT & GSAP
มุมมอง 16K7 หลายเดือนก่อน
GSAP ScrollTrigger Pinned Image Animation | HTML, CSS, JAVASCRIPT & GSAP
GSAP ScrollTrigger Pinned Image Animation | HTML, CSS, JAVASCRIPT & GSAP
มุมมอง 1.1K7 หลายเดือนก่อน
GSAP ScrollTrigger Pinned Image Animation | HTML, CSS, JAVASCRIPT & GSAP
Best Creative Website Design #5 | HTML, CSS, JAVASCRIPT, GSAP, THREE JS
มุมมอง 2.1K7 หลายเดือนก่อน
Best Creative Website Design #5 | HTML, CSS, JAVASCRIPT, GSAP, THREE JS
Custom Cursor On GSAP (v2), gsap animation | HTML, CSS & GSAP
มุมมอง 1K8 หลายเดือนก่อน
Custom Cursor On GSAP (v2), gsap animation | HTML, CSS & GSAP
5 Best CodePen projects #08 | HTML, CSS & JAVASCRIPT
มุมมอง 7128 หลายเดือนก่อน
5 Best CodePen projects #08 | HTML, CSS & JAVASCRIPT
Custom cursor on GSAP (v2) gsap animation | HTML, CSS & GSAP
มุมมอง 4998 หลายเดือนก่อน
Custom cursor on GSAP (v2) gsap animation | HTML, CSS & GSAP
5 Best Creative Website Design | HTML, CSS, JAVASCRIPT, GSAP, THREE JS
มุมมอง 1.2K8 หลายเดือนก่อน
5 Best Creative Website Design | HTML, CSS, JAVASCRIPT, GSAP, THREE JS
Custom Cursor On GSAP(v1) | HTML, CSS & GSAP
มุมมอง 9868 หลายเดือนก่อน
Custom Cursor On GSAP(v1) | HTML, CSS & GSAP
please make a reponsive navigation with minute animation please
That is some epic stuff bro. Subbed!
Adorable
Brother i have a request for you.. actually i am trying to make a a site using GSAP but the animations looks slightly hard.. i m not saying to make a complete site... im just saying can you make a simple Codepen code for me as a demo so that i can complete it by myself
which website
Thank ❤🎉 brother
🎉🎉🎉
Love you brother
Excellent 👍
So cool 😎
Wonderful 💯💯💯
Perfect!!!
Thx)
Great!!!
Thx)
Amazing. Thx!!
thx)
That’s very amazing 🔥
Thx)
You always show the best fonts! Thanks a lot
Thx)
классно!
Спасибо за отзыв)
Amazing as always
🎉🎉🎉
Next.js тоже пожалуйста
возможно когда-то сделаю)
Unbelievable 🫡🫡
This is awesome and very helpful video! Спасибо большое!
You are welcome)
Красавчик, спасибо
на здоровье)
u think you can make the way the pointer circle wiggles when it hovers over buttons
please put the code on codepen so it would be easier to check the code and follow along
Amazing work 🔥
thank you)
Next level 😢
привет ,подскажи пж как правильно адаптировать твои работы под экраны небольших ноутов и телефонов ! буду признателен )
используй медиа запросы и все значения пиши в относительных еденицах(rem, em, vw, vh, %,...)
thanks for sharing
Emeğine sağlık ❤
❤ woo Brother 👨 Thanks 🤩 So much Outstanding Content
Шикарно! Но с этим не справлюсь (((
github.com/DmitriNaumov/js05_Percent-loader Можешь не благодарить)
@@approvecode Благодарю, брат. Подскажи, пожалуйста, если не трудно, почему у меня счет стоит 99,999999% и резко открывается )))
@@MrEnmaksim Если ты взял код с моего гита, то должно работать все норм! Попробуй с кодпена взять
Really love you brother keep it up ❤❤❤
имба
Спасибо)
nice work
thank you so much)
@@approvecode can you sent code
@@hysengashi8980 certainly) www.patreon.com/posts/gsap-pinned-html-95968755