Ramu Narasingaramunarasinga.hashnode.dev·Aug 5, 2024Shimmer effect in Card when you load Supabase dashboard.When loading a dashboard, especially one as feature-rich as Supabase’s, it’s essential to provide visual feedback to users indicating that content is being loaded. A popular and visually appealing way to achieve this is by using a shimmer effect. Thi...1 likecssanimate
Smit Desaismitd.hashnode.dev·Apr 12, 2024React Exploring the WorldMicro-services v/s Monolith Monolith: A huge big project which itself has API code, UI code, Auth Code, DB code, etc. Everything inside a single project. Building & compiling this project itself is huge task here. All developers work on same project/...54 readsReact
Yugandhar Dasariyugandhardasari.hashnode.dev·Mar 8, 2024CSS Blurry Shimmer EffectQuick Summary: Box shadows are fairly straightforward in CSS: declare the box-shadow property, set the shadow offsets, define the spread, and give it a color. It’s a great way to add depth to what might be an otherwise flat design! Taking inspiration...CSS3
Subhradeep Berasubhradeepbera.hashnode.dev·Nov 20, 2023How to create Shimmer Loading Animation with Jetpack ComposeBored of the circular progress loader? In this tutorial, let us learn how to implement the shimmer loading effect, which looks much better and can significantly improve the UX, when loading a bunch of items. All modern apps like YouTube, Netflix, Fac...1 like·79 readsShimmer Effect
Geek Aidgeekaid.in·Oct 7, 2023Flutter Shimmer: Bringing Life to Your App's Loading ScreensName one thing that is common in almost all apps, that is loading time and it is inevitable. Loading animations play an important role in the application as they give the user the impression that something is happening in the back end. It and it impr...53 readsFrontend Development
AC Hulslanderblog.achulslander.com·May 22, 2023Make a Shimmer Load Effect - HTML, SCSSWant to spice up your loading screen? Follow along and we'll make a nice, shimmery loading effect like this one: We're going to be making a product card with an image, heading, sub-heading and description elements. Below you'll find the starter HTML...1.7K readsHTML5
Vinish Bhaskarvinishbhaskar.hashnode.dev·May 13, 2023Day 7: Building an Image Gallery with React using Unsplash API, A Step-by-Step Guide 🚀On Day 7 of the 21-Day Frontend Challenge our coding journey, we will be building an Image Gallery using React. The Image Gallery will allow users to search for images and display them in an organized grid layout. Users can click on an image to view ...269 reads21-Day Frontend Development Challenge: Building React Projects Every Day! 🚀React