Latihan panjang membuat animasi transisi halaman dengan Framer dan ditambahkan ke Next JS React JS
https://www.freecodecamp.org/news/how-to-add-interactive-animations-and-page-transitions-to-a-next-js-web-app-with-framer-motion/
---
Latihan panjang membuat fitur pencarian file seperti di Github dengan React JS
https://www.freecodecamp.org/news/build-a-clone-of-githubs-file-search-functionality/
---
Membuat CRUD sederhana dengan MERN Stack Node JS
https://dev.to/gerwinjonathan/making-first-simple-crud-app-with-mern-stack-4o6k
---
Latihan membuat pemendek URL / URL Shortener dengan MERN Stack
https://dev.to/the_ghost_dev/mern-url-shortener-app-part-2-5hfh
---
#react #framer #motion #animation #transition #nextjs #mern #crud #nodejs #express
#file #search #github
https://www.freecodecamp.org/news/how-to-add-interactive-animations-and-page-transitions-to-a-next-js-web-app-with-framer-motion/
---
Latihan panjang membuat fitur pencarian file seperti di Github dengan React JS
https://www.freecodecamp.org/news/build-a-clone-of-githubs-file-search-functionality/
---
Membuat CRUD sederhana dengan MERN Stack Node JS
https://dev.to/gerwinjonathan/making-first-simple-crud-app-with-mern-stack-4o6k
---
Latihan membuat pemendek URL / URL Shortener dengan MERN Stack
https://dev.to/the_ghost_dev/mern-url-shortener-app-part-2-5hfh
---
#react #framer #motion #animation #transition #nextjs #mern #crud #nodejs #express
#file #search #github
freeCodeCamp.org
How to Add Interactive Animations and Page Transitions to a Next.js Web App with Framer Motion
The web is vast and it's full of static websites and apps. But just because those apps are static, it doesn't mean they have to be boring. How can we use Framer Motion to add some animations to our web apps and provide a more interactive experience?...
Membuat animasi di dalam cursor dengan Framer motion di React JS
https://blog.bitsrc.io/create-cursor-animation-in-react-with-framer-motion-deb05adcdc08
#react #framer #motion
https://blog.bitsrc.io/create-cursor-animation-in-react-with-framer-motion-deb05adcdc08
#react #framer #motion
Medium
Create Cursor Animation in React with Framer Motion
Introduction
Mastering Web Fonts Optimization: The Definitive Guide
https://blog.openreplay.com/definitive-guide-to-web-fonts-optimization/
—-
The Top CSS Focus Pseudo-Classes Explained: :Focus, :Focus-Within, And :Focus-Visible
https://blog.openreplay.com/a-guide-to-focus--focus-within-and-focus-visible/
—-
Web Responsive Design: Mobile First, Desktop First, What?
https://blog.openreplay.com/web-design--mobile-first-desktop-first-what/
—-
The Role Of Motion UI In Modern Web Development
https://blog.openreplay.com/role-of-motion-ui-in-modern-web-development/
—-
#css #webfont #font #motion #pseudo #responsive
https://blog.openreplay.com/definitive-guide-to-web-fonts-optimization/
—-
The Top CSS Focus Pseudo-Classes Explained: :Focus, :Focus-Within, And :Focus-Visible
https://blog.openreplay.com/a-guide-to-focus--focus-within-and-focus-visible/
—-
Web Responsive Design: Mobile First, Desktop First, What?
https://blog.openreplay.com/web-design--mobile-first-desktop-first-what/
—-
The Role Of Motion UI In Modern Web Development
https://blog.openreplay.com/role-of-motion-ui-in-modern-web-development/
—-
#css #webfont #font #motion #pseudo #responsive
Openreplay
Mastering Web Fonts Optimization: The Definitive Guide
How to get the best performance when working with fonts