All threads / New website design!

Ask A Question

Notifications

You鈥檙e not receiving notifications from this thread.

New website design!

Chris Oliver asked in General

It took me several weeks to redesign everything and it was a TON of work. The main chunk of work was moving from Bootstrap to TailwindCSS and that's quite a lot of effort because you have to rewrite basically every line of HTML and re-implement all the Javascript functionality for modals, tabs, etc. It's finally complete enough to launch, so I'm super excited! 馃檶

If there's anything I missed, please let me know!

This looks great, great work!

Stellar job. Super impressed with how everything looks.

Love the new design Chris. Great work!

Nice Work Chris!

I'm curious: why did you migrate away from Bootstrap?

Nice 馃懆馃徎鈥嶐煄↖ love it! Great work with the new look and feel

Thanks guys!

@Matthias, the main reason to move away from Bootstrap is that while it's good to get something up quick, it's really hard to undo all their styles to build something custom with it. At a certain point you might as well build it from scratch. Since Tailwind works in reverse, you can implement virtually any design without having to write custom CSS which is nice. Check out Adam Wathan's videos on YouTube where he re-implements several popular sites like Coinbase in like an hour with Tailwind. Really great tool if you want to implement your own designs. TailwindUI is great for kind of bridging the gap between Bootstrap and Tailwind. That's what I used here.

Hi, Chris! As I see you鈥檙e using alpinejs on this site instead of stimulus from your videos. Is there any reason to switch from stimulus to alpine?

Oh simply because that's what TailwindUI was using and I wanted to ship the site instead of porting their examples to Stimulus. I forgot I still need to convert those!

What do you think - which one is more perspective to use in projects? Alpine or Stimulus?

Hi Chris,

I was curious if you're considering doing a video on how to implement Alpine.js or Stimulus with TailwindUI?

I just purchased TailwindUI to help get my current application up and running and now I'm digging into figuring out how to use either Alpine.js or Stimulus to implement the functionality of the designs 鈥 and would certainly love any guidance from a video of yours.

Thanks either way and looks great!

Quick addendum, found this great resource on learning Alpine.js too:

https://scrimba.com/learn/alpinejs/introduction-cV8mRBsp

TailwindUI does have the Alpine JS examples on the site if you inspect the page I believe. And I agree, will definitely add this to my list of episode ideas!

Join the discussion

Want to stay up-to-date with Ruby on Rails?

Join 38,558+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.

    logo Created with Sketch.

    Ruby on Rails tutorials, guides, and screencasts for web developers learning Ruby, Rails, Javascript, Turbolinks, Stimulus.js, Vue.js, and more. Icons by Icons8

    © 2020 GoRails, LLC. All rights reserved.