We recently moved my Rails applications over to AWS EBS from Digital Ocean. The goal here was to get setup on AWS's platform so I can continue to experiment with AWS's set of services. I continue to use DO for a lot of my development work. That won't change. Yet, being able to use Lodgik as a testing ground for various technologies is a primary focus. Thus the move. So here's the rundown on what we're doing now...
- Rails 5 app with Bootstrap Alpha6 on EBS instances for auto-scaling and continuous deployment
- Route53 for DNS settings
- Postgres for DB via an AWS RDS instance
Bootstrap 4, Alpha6 was released today. As with any Alpha release there were several breaking changes. I'm not going into the ones which were relevant to this site because is it's easy enough to track changes related to your own project if you're on the alpha release branch for your testing purposes. I will say that the navbar changed dramatically again.
I've updated the code for Lodgik.com to make use of the latest Alpha6 release. I've also added a couple quick-links to the home-page status message area. These direct to the Github repositories I've published. In 2017 I'm making a concerted effort to contribute more code to the open-source community in general. So far, it's come in the form of a couple useful (hopefully) Docker configurations.
I welcome your feedback or contributions to those two (very small) projects. Larger and more meaningful contributions to come.
If you're a front-end developer, you're already fully aware of Twitter Bootstrap. Bootstrap 3 is already "the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web." Yes, that's a quote from Bootstrap's site, but it also happens to be true. Even though Bootstrap 3 is an incredibly powerful, flexible and useful framework, it has always lacked in a few areas. Vertical alignment of "cells" being one of the most pervasive. Also, it was heavily reliant on basic CSS or LESS for its styling system. While LESS is a great CSS-preprocessor, it's not nearly as versatile or logical as SASS (in my opinion). There's been a consistent migration for many front-end developers away from LESS, moving more towards SASS. The fact that you had to find a port of Bootstrap 3 in order to utilize SASS's features was a point of contention. Thankfully, with Bootstrap 4 the team has made the transition from CSS/LESS to SASS as a foundation of the framework. Here's an overview of changes in Bootstrap 4: http://v4-alpha.getbootstrap.com/migration/
Now let's move beyond the fundamentals of styling. In Bootstrap 4 they have overhauled the grid-system, utilities and the navbar. And all of the changes are welcome ones. Regarding the grid-system, you're welcome to continue using the default table-cell structure (this is currently the default as of Alpha5) but there's a ready-to-use variable which switches "everything" over to flexbox mode. This is where CSS is headed and rightly so. Flexbox offers more features, flexibility and is more logically constructed. Here's a quick primer on flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Right now, Bootstrap 4 is still in its earliest stages of development. The latest version as of this post is Alpha-5. Each update to the framework comes with massive breaking changes. So am I using Bootstrap 4 on Lodgik.com? Because I know the future is going to embrace the changes that come with Bootstrap 4 and I want to be fully educated on how those changes translate into real-world builds. Knowing how to migrate from v3 to v4 is going to be a huge benefit to front-end developers. Rather than wait for the actual release and try to get up to speed quickly, I think it's important to watch and experiment with the ongoing changes to better understand the reasoning behind said changes.
I'd never use or recommend anyone use Bootstrap 4 on a production web application. However, if you have a project that lends itself to experimentation, then I highly encourage you try v4 out for yourself. Watch how structural changes evolve, keep track of project commits and if you have the time, offer your own contributions.
Since Lodgik is a site built on cutting-edge, experimental technologies, this is a perfect fit for us. If you have any thoughts on Bootstrap 4, please feel free to share them via Twitter or our contact-form.
The all new Lodgik site has launched. I plan on sharing a lot of useful (hopefully) information about how the site is constructed, hosted and even eventually making the code open source (eventually). The goal is to help share experiences, shortcuts and whatever else proves useful with anyone interested.