Monthly Archives

July 2014

Americans are not on their PC, they are mobile

By | Tom Printy | No Comments

A recent study from Nielsen, is shedding some light on how consumers in the United States are spending their time with digital devices. Americans now spend more time using mobile web and apps then using their desktop computer or their laptops. If your website is not optimized for a mobile device then you could be loosing sales. Your customers will expect that your website will offer them an easy to use experience.  The site should be able to be easily viewed on a tablet or phone without the need to pinch and zoom. If your current website does not offer this you should consider creating a responsive design based website. This type of design will allow the site to “respond” to the type or size of screen the user is using, and give them the optimal layout of your website. Also now may be a great time to consider a mobile app for your brand or business.  If you can offer a unique user experience that relates to your brand, now may be a perfect time to develop a mobile app, that will help engage your customer.

Read More

What is Responsive Design?

By | Coding, CSS, Javascript, John Wenzler, Mobile First Design, Responsive Design, Styling, Web Design | No Comments

This post is about responsive design principles, some current frameworks for building responsive websites,  and the concept of mobile-first. With our clients we have learned that responsive design is not a feature, it is a necessity. So what is it anyways? Responsive Design Let the website RESPOND to varying browser sizing The goal of responsive web design is to provide a great viewing and interaction experience regardless of the platform the user is viewing your site from. It also means providing the same content and options to users of all platforms. This means that the old-school “mobile version” of web sites doesn’t fit the responsive design guidelines. The most popular modern frameworks for responsive web design are: Twitter Bootstrap: Docs Foundation Framework: Docs I won’t get into specifics on the differences between the two, instead I will focus on what they both do well. The Grid A grid is a way of dividing up the page into columns.  These columns can then float and stack based on the size of the screen.  Both Bootstrap and Foundation utilize a grid based on 12 divisions. With some simple math this means: columns = 12/width 1 column (full width) = 12 2 columns = 6…

Read More

Remove Green Screen with Photoshop in 3 Easy Steps

By | Image Editing, John Wenzler, Photoshop | No Comments

So this one should be short and sweet.  You’ve got a photo with a green screen background and you want to remove the green, place in some new background, and pass it off as a nice clean piece of work.  It’s not hard to do and you can do it yourself. Without further ado, let’s get started…   Step 1 Open your image and add in the background We picked this nice shot of some glasses in front of a green screen… … and we are going to place them on this crazy dog that had a little too much fun! Notice I placed the dog layer below the layer with the green screen.  This makes sense since the glasses will sit on top of the dog’s face.  If this were a headshot and you were putting it on some other background, the headshot would be the glasses and the background would go where the dog is. Step 2 Select the green color range This is where the magic happens, click Select -> Color Range. First you will need to click on the green area of the screen, this will choose that color range to be selected.  Then go ahead…

Read More