Ionic Books

by Andreas Dormann

  • Articles
  • BoB Tours App
  • Code
  • Discussion
  • Look inside
  • Ionic 5
  • Ionic 4+
  • Ionic 3
  • Articles
  • BoB Tours App
  • Code
  • Discussion
  • Look inside
  • Ionic 5
  • Ionic 4+
  • Ionic 3

Tag: Tutorial

How to make an X-Maze with Ionic 4 (4/4)

Dec 22, 2019AndionicTutorialIonic, Maze, Tutorial, X-mas

This is part 4 of an Ionic 4 tutorial. Please read part 1, part 2 and part 3 before continuing here… Part 4: Make it sound x-massy To let our app sound x-massy, I’ve prepared some audio files that you can download here:SantaClausIsComing.mp3Hohoho.mp3 After downloading the files copy them into the assets folder.   Embed […]

READ MORE

How to make an X-Maze with Ionic 4 (3/4)

Dec 15, 2019Andionic1 CommentTutorialIonic, Maze, Tutorial, X-mas

This is part 3 of a special X-mas Ionic 4 tutorial. Please read part 1 and part 2 before continuing here… Part 3: Make it move nicely Animate the decoration The easiest way to bring some animation into our app is to use Animate.css. In the header section of our index.html we add: Now we […]

READ MORE

How to make an X-Maze with Ionic 4 (2/4)

Dec 8, 2019Andionic2 CommentsTutorialIonic, Maze, Tutorial, X-mas

In the first part of our X-Maze tutorial we created an Ionic project with three components called “Arrow-Buttons”, “Decoration” and “Maze”. Today we we start to fill these components with content and make everything look pretty. Part 2: Make it look pretty Arrange the ArrowButtonsComponent Let’s fill the ArrowButtonsComponent with a few buttons. For this […]

READ MORE

How to make an X-Maze with Ionic 4 (1/4)

Dec 1, 2019Andionic2 CommentsTutorialIonic, Maze, Tutorial, X-mas

I first had the idea to write a “Making of the Halloween Maze”. But Halloween is over and Christmas is coming. I think it’s better to update the topic and to start a little tutorial series “How to make an X-Maze” (a playable labyrinth with a Christmas look). It’s supposed to show the creative side […]

READ MORE

© 2025 by Andreas Dormann
  • Privacy Policy
  • Legal Notice