Styling the User Interface

We now have our running Aurelia application and know all the basic principles of JavaScript programming. Our Hello World! message appears on screen, but don't you think it is a little simple and static? In this chapter, we will explore how to add style to our application using modern tools such as SASS and LESS. Also, we will talk about the most important styling libraries used nowadays such as Bootstrap, Semantic UI, and Material Design. Finally, with all this previous learning, let's make our application look cool, awesome, and attractive by configuring our project to use the Aurelia-Materialize plugin. Some of the tools we are going to use for this purpose are:

  • CSS preprocessors: SASS, LESS
  • Task automation tools: ...

Get Hands-On Full Stack Web Development with Aurelia now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.