4.91K Followers
·
Follow

How to test different viewport sizes in Codeply v2

It’s time to clarify responsive design testing with Codeply v2. Recently several users have asked how to change or set the viewport size to test their responsive designs. Codeply v1 had different viewport sizes available in the editor toolbar, and the ability to open the preview window in a new browser tab.

This same functionality exists in Codeply v2, and it’s effectively easier to use. There are 2 ways to change the preview viewport size in Codeply. Both are easier (and more relevant) to demonstrate from Vertical preview orientation.

  1. First, change the editor layout to Vertical. This is done by selecting the Vertical option in the layout menu in the top…


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 parking is restricted to residents only. If you’re lucky enough to find metered parking, it’s limited to 2 hours. This means you’ll usually have to resort to a private lot in excess of $20/day to park in Newport.

Finding parking in Bristol is much easier. The town provides a lot of on-street parking that is open to visitors, and most of it is free. There are several public parking lots in the historic downtown area. However, Bristol is not a ghost town. Home to Roger Williams University, Bristol has just the right amount of bustle where you can park, dine and enjoy the local scene without waiting too long or spending too much. …


Create a Vue Dashboard starter using Vuetify

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 Router, Material Design Icons
- Light/Dark Theme Switcher
- Collapsing/Toggleable Sidebar
- Material Design Icons

Vue App and Router
I started with a typical Vue app and router set-up.

const routes = [
{ path:'/', component: Home },
{ path:'/detections', component: Page },
{ path:'/comp', component: Page },
{ path:'/customers', component: Page },
{ path:'/orders', component: Page },
{ path:'/settings', component: Page }…

About

Carol Skelly

S/W Engineer. Web developer. @Bootply @Codeply

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store