Vuetify 12-Point Grid Layout Example

While updating an inherited web project, I’ve been slowly introducing some well-defined libraries to the mix.  My current favorite being Vuetify  — designed to add some decent style standards to reactive Vue components.    This happens to be what I’ve chosen for the overwhelming task of modernizing the Store Locator Plus plugin UX (you’ll see the first hints on the forthcoming Add Locations interface in the next release) as well as for several other “clean slate” projects.

If you are writing web apps and are not familiar with CSS standard libraries or haven’t heard of the “12-point Grid System” you should start learning it.  It will save a lot of time building web and mobile apps that are responsive.    Libraries like Vuetify and Foundation for Sites with only the CSS components are well-tested with pre-defined rules that not only you will learn and be able to re-use but you’ll likely find many other web developers are already familiar with this configuration.

Read More

%d bloggers like this: