ANIMATED CARD LAYOUT - Ionic UI Challenge #1

Channel:
Subscribers:
83,100
Published on ● Video Link: https://www.youtube.com/watch?v=fTsL5zjMNJ4



Category:
Tutorial
Duration: 45:24
13,789 views
405


In this tutorial, we investigate to see whether we can implement the general structure behind a nice UI design by Vadim Marchenko (https://dribbble.com/shots/8122104-Travel-App) in Ionic. This includes an out of the ordinary layout as well as some animations.

- Check out my book on Ionic Animations & Gestures: https://www.joshmorony.com/advanced-animations-and-interactions-with-ionic/

CSS Variables https://www.joshmorony.com/a-primer-on-css-4-variables-for-ionic-4/
Shadow DOM: https://www.joshmorony.com/shadow-dom-usage-in-ionic-web-components/
Animations: https://www.youtube.com/watch?v=t_mo0QCbRG4
Renderer/ElementRef: https://www.joshmorony.com/safely-modifying-elements-with-elementref-renderer/

#ionic #angular #ui

- Learn Ionic: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/
- Find me on Twitter: https://twitter.com/joshuamorony
- More Ionic tutorials: https://www.joshmorony.com/blog/







Tags:
ionic
ionic4
ionic 4
tutorial
tutorials
ionic tutorials
ionic framework
coding
coding tutorials
angular
angular tutorials
capacitor tutorials
mobile
mobile apps
apps
html5
ios
android
native
hybrid
pwa
web apps
progressive web applications
programming
ui
ux
animation