Avneesh Agarwalavneesh0612.hashnode.net·Sep 12, 2021Easy smooth scrolling in reactIn a single-page web application, you will probably have a navbar allowing the user to go to different sections of the page. So today we are going to see how to build that. Demo https://www.loom.com/share/1862dfd99f7249a59913db2c9dd62062 Setup Creat...112 likes·15.1K readsReact
Anita Ihuman movi.hashnode.net·Mar 8, 2021Top 10 Animation Libraries For ReactReact is an awesome library that gives both developer and the users of the site an amazing experience. Accompanied with advanced tools is the demand for a better user experience Animation is an aspect of web design that has developed to an impressiv...82 likes·2.7K readsInto the world of ReactReact
Umair Hafeezumairhafeez.hashnode.net·Jan 19, 2021Web Animations and AccessibilityIn the modern web era, animations are one of the core features of user interfaces. Only a few years ago, animations were only possible with JavaScript, and there was minimal support for animations in CSS. However, with the dawn of CSS 3, web animatio...57 likes·658 readsWeb Accessibilityanimations
Kashvi Gargthisiskashvi.hashnode.net·Apr 15, 2023Animating with Flutter : Beginning StepsIntroduction After functionality, your app's user experience is the first thing that distinguishes the product from others in a similar market. One of the best ways to do this is to add custom animations to your application. In this blog series, you'...Flutter
Anja Lanicoderfy.hashnode.net·Apr 11, 2023Creating animations with the Canvas APIAccording to the Oxford Dictionary, an animation is defined as the following: The technique of photographing successive drawings or positions of puppets or models to create an illusion of movement when the film is shown as a sequence. Translating t...10 likes·37 readscanvas
Sai Pranaysaipranay47.hashnode.net·Apr 10, 20235 JavaScript Animation Libraries to Bring Your Web Pages to LifeJavaScript animation libraries are an essential part of modern web development, allowing developers to create visually engaging and interactive web pages. From simple transitions to complex 3D graphics, animation libraries provide a wide range of cap...10 likes·27 readsJavaScript
George Nharic4.hashnode.net·Feb 16, 2023Mastering SwiftUI Animations: From Basic to Advanced TechniquesSwiftUI makes it easy to add animations to your app, but some developers may find it challenging to achieve fine-grained control over the timing, easing, and other properties of the animations. Understanding the basics of SwiftUI animations: SwiftU...31 readsSwiftUI
Aniket Mishraaniketmishra.hashnode.net·Nov 6, 2022Create High-Quality Animated VideosAll your design tools in one place Link Create stunning Videos, animations, branding, mockups, presentations, graphics, and professional websites I have prepared a number of videos including invitations, personal portfolios, timelines, etc in an anim...renderforest
vnsh kumarvnshkumar.hashnode.net·Nov 6, 2022Creating Animations in UnityHey Readers, Today we will be talking about animations. When we hear the word animation, we get an image in mind of cartoons and games, etc. Animations are a crucial part of any game, without animation any game is incomplete. There are many examples...1 like·99 readsunity
Kato Jameskato.hashnode.net·Oct 2, 2022Relevance of libraries in web developmentA web development library is a collection of reusable, compiled, and tested code that can facilitate the automation or augmentation of application functionalities. It is not clear when the first library was used in web development, but it is clear th...1 like·64 readslibrary
Damola Kolapokolapo.hashnode.net·Aug 4, 2022How to create a custom cursor with React and Framer-motionIn this article, I will guide you through the process of creating a custom cursor for your React application using Framer motion. At the end of the tutorial, you will have built a custom cursor that looks like the following: Prerequisite To follow a...11 likes·343 readsframer-motion
Mohsen Vazirimohsenv.hashnode.net·Jul 19, 2022Animating with Vue — Vue Amsterdam Conference 2022 Summary series — Seventh TalkWelcome! Happy to see you in the seventh part of my Vuejs Amsterdam Conference 2022 summary series, in which I share a summary of all the talks with you. You can read my JSWorld Conference 2022 Summary series (in four parts) here, where I summarized ...74 reads Vue Amsterdam Conference 2022 SummaryJavaScript
Mel Incögnitomelxincognito.hashnode.net·Jun 4, 2022React.js framer-motion transiçõesEstarei adicionando a este post continuamente enquanto uso a biblioteca 'framer-motion' para criar diferentes transições para componentes em React. Desculpe antecipadamente por quaisquer erros gramaticais ou ortográficos. Convido os leitores a deixar...166 readsReact