CLICK HERE TO DOWNLOAD THE DEMO PROJECT

In this Ionic Framework tutorial, we learn how to create skeleton pages & ghost elements using the ion-skeleton-text component. In the example given, we use Ionic Angular, but the same concepts can be applied with Ionic React & Ionic Vue. Skeleton UIs are a modern programming pattern used to show loading progress on a page before the content loads.

08:00 – Straight to using the ion-skeleton-text component
03:26 – Straight to Explanation of all the code we are working with, in the demo project

DEMO PROJECT – https://codeswag.net/?p=64

Support codeswag on Patreon – https://www.patreon.com/codeswag

TIMESTAMPS
00:52 – What are UI skeletons?
01:25 – Why use UI skeletons?
02:26 – How to implement UI skeletons?
02:40 – Getting started with the demo project
03:26 – Explanation of the code we are working with, in the demo project
08:00 – How to use ion-skeleton-text
11:45 – Skeleton UI Browser test

Support codeswag on Patreon – https://www.patreon.com/codeswag

Social Media Links

Facebook – https://www.facebook.com/codeswag.net/
Twitter – https://twitter.com/codeswagYoutube
Instagram – https://www.instagram.com/codeswag.co.uk/

Support codeswag on Patreon – https://www.patreon.com/codeswag

Please support this channel by buying some awesome tech gadgets for yourself or a loved one from our online store at www.codeswag.net/shop