Checkout this Historic Rhode Island Seaport when Traveling to New England

1 — More Parking, Less Traffic

Bristol, Rhode Island is the charm of Newport without the crowds. Newport is infamously known for its huge crowds, narrow streets and lack of parking. The visitor parking lots are usually packed full during the summer, and the street…

Lately I’ve been playing with Vue & Vuetify a lot so I decided to share this dashboard starter template. This may be helpful to kick start your next “admin” project, or as a basis for a creating simple collapsing sidebar layout with Vuetify.

Features

- Vue 2.x, Vuetify 2.2.x, Vue…

A simple linter, validator & formatter using Vue.js 2

As a developer, one of my favorite go-to tools is jsonlint.com. I like it so much that I decided to make my own JSON Linter using Vue.js.

The Vue App

const app = new Vue ({
  el: '#app',
  data: {…

Good ‘ol Bootstrap has been around since 2013, but never before has it offered up some of the new UX features & components in the latest 4.2.1 release. These new components help improve one of the most important aspects of UX: Visual Feedback.

This isn’t the feedback the User provides…

I’ve recently seen a lot of questions on Stack Overflow with developers trying to figure out how to use the latest Bootstrap 4 with Angular 7. Here’s what to do if you’re facing this challenge.

1. Add Bootstrap to package.json

npm install bootstrap --save

This will add the following lines to the “dependencies” section of…

I’ve recently seen a lot of questions on Stack Overflow with developers trying to figure out how to use the latest Bootstrap 4 with React. Here are a few options for you if you’re facing this challenge. All the options below are based on a simple ReactJs app using create-react-app.

Bootstrap CSS only

Option 1

…

There various reasons to customize Bootstrap. You may want to:

• Change the existing Bootstrap styles such as colors, fonts, or borders
• Change the Bootstrap grid layout such as breakpoints or gutter widths
• Extend Bootstrap classes with new custom classes (ie: btn-custom)

Whatever the reason is, there are 2 ways to customize Bootstrap. I will start with the easier, less robust…

This is the 2018 follow-up to my original “How the Bootstrap Grid Really Works” article that was based on Bootstrap 3.x, and Part 4 of my complete “How to… Bootstrap” article.

What is the Bootstrap “Grid”?

The Bootstrap Grid System is used for layout, specifically Responsive Layouts. Understanding how it works is vital to understanding…