Make Angular Loading Animations EPIC ☠️

Learn to get the most out of your Angular loading states by using a simple CSS trick to make the transition between your loading skeletons and real content as smooth as possible
🪐 Explore web & mobile dev universe: galaxies.dev/
🔥 The fastest way to learn Ionic: ionicacademy.com/
⚡️ Just getting started?
Grab a free 46 pages eBook: ionicacademy.com/ionic-quicks...
#############################
👨‍💻 Want to read instead of watch?
Here's the full tutorial: galaxies.dev/quickwin/angular...
#############################
❤️ You can also find me on:
Instagram: / simongrimm_
Twitter: / schlimmson
Facebook: / devdactic
TikTok: / simongrimm_
Or join the Simonics Facebook group:
/ simonics
#############################

[@galaxies_dev]

Learn more by becoming a member of Galaxies.dev today [FREE] galaxies.dev/reactnative

[@biomatrix8154]

Seeing your thumbnail, I thought it was about an AI-generated skeleton picture being animated. LoL. 💀

[@galaxies_dev]

Haha yeah that would be a good idea as well :D

[@IGODX]

Where I can see code from this video?

[@pauldavies729]

Could there be an issue if more or less or no content were loaded. Love the effect though

[@galaxies_dev]

I mean it won't look as good in those cases :/

[@DmitryEfimenko]

FYI, there's a better way to handle overlapping child elements than the approach with position absolute. Just apply this to the parent element: ```scss .overlap-children { display: grid; grid-template-columns: 1fr; & > div { grid-row-start: 1; grid-column-start: 1; } } ``` This way you don't have to specify the height on the parent element. It will automatically adjust to the height of the tallest child element

[@galaxies_dev]

Thanks, agree grid is also great for this problem!

[@rohankaushik7849]

This is cool 😎, helpfull smuff

[@galaxies_dev]

Happy to help!

[@S-Lomar]

Thanks for sharing ❤️💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕

[@galaxies_dev]

No problem 😊

[@S-Lomar]

Thanks for sharing ❤️💕👍👍❤️💕👍👍❤️💕👍👍❤️💕👍

[@Matheus_1582]

I have a problem...I don't know which technology I should start programming...because there are many, can you help me to choose one for me to start programming...I'm very indecisive...help me...

[@Matheus_1582]

​@En Hui Lim ok

[@sawaito]

Python for learning programming bases and logic. Then you can stiil with python or learn java or c# if you want to make backend, desktop or mobile apps. If you wanna be a web developer, you should learn html, css, js, ts, sass, bootstrap and angular for front end (client side) and for backend (server side) the framework for your language (python: flask or django, java: spring, etc).

[@DavidSchmidt07]

But Simon how can I do this with React?

[@galaxies_dev]

Good question, maybe simply with a CSS transition!

[@user-yp2ku2fh9g]

Good

[@febrianakbarz3347]

Ini apaan bang?