development, particularly the creation of interactive front-end elements, but it also has some other use cases.
To create those juicy hyperlinks between those beautiful elements in your web application, it’s possible you
might be far more familiar with the common front end approach of using HTML such as
<a href="" class="">link</a>.
This is “fine”, but in Rails there’s actually a way to do this with a little less effort AND in a way that helps
to protect your internal linkings during potential route refactorings.
Let’s dive in!
One common task when starting a new Rails application is to integrate with a CSS library or design framework. Because
the CSS landscape has enjoyed quite a bit of expansion over the past few years, one of the more recent popular design
frameworks is Tailwind CSS.
With that in mind, the focus of this tutorial is to go through the process of adding tailwindcss to your Rails 6
Let’s dive in!
One common task when starting a new Rails application is to integrate with a CSS library or design framework. While
the CSS landscape has enjoyed quite a bit of expansion over the past few years, one of the most popular design
frameworks is still Bootstrap 4.
While a LOT of that popularity is due to the success of Bootstrap 3, I think it does a lot more than just ride
on its predecessors coat tails. It’s definitely an attempt on its own, of a modern design experience.
With that in mind, the focus of this tutorial is to go through the process of adding Bootstrap4 to your Rails 6
Let’s jump into it!
One of the most common starting points of a website or web application are pages that provide mostly unchanging content.
These are often referred to as “static” pages.
There are usually three reasons for this; one, most web applications or sites are trying to build a connection with the visitor,
and I’m not talking about the technical network connection. From the second you arrive at a
website, the company or people behind it are trying to create a human connection with you. Secondly, most
web applications / sites rely on communication with a database. While this communication is speedier than ever,
Google has shown statistics in the past that the bounce rate (eg. visitors leaving your site) is proportional to
the time it takes to load the starting home page. In other words, the longer it takes to load your website, the
faster people are leaving it. The third reason, is that static pages are often used as “landing pages” - content
that highlights some product or service that you want to attract attention to.
With that in mind, the focus of this tutorial is to go through the process of putting some static pages together
in Rails 6.
I’m super excited to help you make this happen!