Skip to content

Getting Started with Rails 7 Episode 23: Add Styles from CDNs to Improve Design

By

This is the 23rd video in the Getting Started with Rails 7 series. In this video Mike adds in the Simple.css and Animate.css frameworks by adding Content Distribution Network (CDN) links to the stylesheets of the application.html.erb layout.

After he adds the stylesheets to the application layout, he also changes the root route of the application and improves navigation between pages.

This video covers:

  • 00:00:10 Introduction
  • 00:00:43 Add Simple.css to the application layout
  • 00:02:33 Add Animate.css to the application layout
  • 00:03:34 Add a WelcomeController to the application and populate the view with links to articles and posts
  • 00:06:18 Add an image to welcome index and try a couple of different animations on it
  • 00:09:48 Set welcome index as the root route, improve page-to-page navigation in the app, and test things out
  • 00:13:32 Note about breaking the ActionText addition into a separate video

The code for this series is open source and available on GitHub. View the commit for this video (shared commit between this video and the next video) here.

Leave a Reply