Mobile First Design

WordPress SEO tip: Use a theme that is mobile optimized

By | Mobile First Design, Responsive Design, Web Design, WordPress | No Comments

We’re continuing our discussion on setting up your WordPress design so that it gets the most WordPress SEO bang for your buck. On this episode we’re going to talk about mobile. Obviously mobile is very important, if it’s not obvious to you think about how you use the web; I would guess that most of your time is accessed through your mobile device if you’re not setting at your desk working on something, I know it is for me. Just in case it’s not obvious let’s talk about some statistics. Mobile Web Design Statistics 80% of internet users own a smartphone. (Smart Insights) 57% of users say they won’t recommend a business with a poorly-designed mobile site. (socPub) Google says 61% of users are unlikely to return to a mobile site they had trouble accessing and 40% visit a competitor’s site instead. (MicKinsey & Company) 88% of consumers who search for a type of local business on a mobile device call or go to that business within 24 hours. (Nectafy) 40% Of Mobile Searches Have Local Intent (Google Mobile Moments Study) So as you can see mobile is very important if your site doesn’t look good on mobile your losing business…

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