Quick Tip: using LinkedIn Projects to show your work

Posted on Mon, September 09, 2013 in Digital Marketing by Alum

One great and free way to market yourself is to use LinkedIn and have your company list the projects they’ve worked on. LinkedIn is growing in popularity, as is social media in general.

While businesses are still trying to measure the value of allocating resources from their marketing budgets to have an active social media presence and running social media campaigns, it’s a fact that positive free press is always a good thing.

One way to make this happen is simply by having your company list their projects on employee LinkedIn profiles. This is good for those on the team  of each...

Read More

Magento Troubleshooting Fundamentals

Posted on Wed, September 04, 2013 in Web Design, Web Development, Magento by Mark Middleton

When starting out as a developer working on the Magento eCommerce system, it can be confusing and frustrating to find the source of an issue. Here are some basic techniques for finding and resolving problems within Magento:

Caches

Magento is built with a sophisticated caching system to speed up the delivery of content to the browser.  Even if you turn off all caching, Magento seems to be hesitant to loosen her grip on content without truly clearing the cache folder.

From the Magento Admin Control Panel: In the navigation, select “System” → “Cache Management” Normally...

Read More

3 Ways to Design Better Responsive Sites

Posted on Tue, September 03, 2013 in Greatest Hits, Web Design by Jason Bennett

Here at GRAYBOX, virtually every new site we design includes responsive features. Designing for multiple devices can be tricky. We refine our responsive design process constantly to identify and fix issues we come across with each site we build. Here are three important things we’ve learned.

1. Side-by-side design

Every device is different. What’s good for one viewport isn’t necessarily good for the other. It’s important to think critically from the very beginning about how users will interact with your site on a laptop, tablet, or mobile phone. Designing the desktop view and...

Read More

Xcode for Free Design Testing on a Mac

Posted on Tue, September 03, 2013 in Greatest Hits, Web Design by Paul Weinert

Quick Tip : Using Xcode for Free Responsive Design Testing on a Mac

At GRAYBOX almost all projects we’re doing now are responsive designs so that our websites function great on a variety of mobile devices. This means we have a ton of testing devices now in the office including:

  • iPhone 3G (iOS 4)
  • iPhone 4 (iOS 5)
  • iPhone 4S (iOS 6)
  • iPhone 5 (iOS 6)
  • iPad 1 (iOS 5 Tablet)
  • iPad 3 (Retina) (iOS 6 Tablet)
  • iPad Mini (iOS 6 Tablet)
  • Surface RT (Windows RT)
  • Surface Pro (Windows 8)
  • HTC HD7 (Windows Phone 7)
  • Samsung Galaxy 3 (Android 3)
  • Samsung Galaxy 4 (Android 4)
  • Samsung Charge (Android 2)
  • Kindle...

Read More

Gesture Recognition: A Hands-On Example With HammerJS

Posted on Tue, August 27, 2013 in Web Design by Kevin Carpenter

In this article, you’ll learn how to create web experiences with touch gestures using simple and easy HTML, CSS and a little bit of jQuery.

I Googled to find a few different frameworks from jQuery mobile to Wipetouch as well as several others. All the frameworks I tried were either too complex to use or not very responsive on mobile browsers which completely defeats the purpose.

Finally, I tried another framework called HammerJS, and this worked the way I wanted. It was simple, easy to use and the swipe gesture is very responsive for platforms in iOS and Android alike.

Note: the demo...

Read More

What are "Bugs"?

Posted on Fri, August 23, 2013 in Web Design by Alum

No matter how perfectly architected or built, every running program or live website will eventually encounter a situation that it does not have an appropriate response prepared for. Whenever this unexpected thing occurs, the software running a website has a limited number of options.

  • Fail Silently
  • Fail and report the failure to a human (while hopefully logging the error).
  • DO SOMETHING TOTALLY CRAZY

Each of these actions are ultimately the intended action as far as our software is concerned. At a core level, software doesn’t understand the difference between successfully logging you in...

Read More

Tell Your Web Designer Everything

Posted on Wed, August 21, 2013 in Web Design, Business Operations by Jason Bennett

Have you been planning on rolling out a new website for your company? Have you hired a web designer to help make it happen? Yes? Great! Now what?
The most important thing to remember when working with a web designer is that they don't know you. They probably don't know how your product is made or why people love it. They probably don't know how you handle sales calls, or how you're really popular in that one area of the world. They probably don't know who you're biggest competitors are. This is why you need to tell your designer everything you can about your business.

Talk about yourself. A...

Read More

Offering A Complete Solution

Posted on Fri, August 16, 2013 in Business Operations by Alum

What Clients are looking for

Often, potential clients will come to GRAYBOX wanting one thing. Whether it be a redesign of their website, a custom web application, marketing planning and execution, business cards, or a consultation. However, one thing holds true almost every time; most of our clients need much more than what they’re looking for.

The GRAYBOX Mission: Serve Clients

Our mission statement definitively states that: “GRAYBOX exists to serve its clients well.”  I whole-heartedly believe in this mission statement, as does our founder Paul Weinert.  What this means to us is not...

Read More

CSS 3D Transitions: An Introduction

Posted on Tue, August 13, 2013 in Web Design by Kevin Carpenter

On the web there are already several solutions for 3D capability: Flash; three.js in <canvas>; and, eventually, WebGL. Also, front-end developers have our own three-dimensional tool: CSS 3-D transforms.

Compatibility

Just like the 2d transition module released by Apple in Safari, 3D transitions initially were only supported by Safari. Since the release all of the major browsers, and IE10, everything either partially or fully supports 3D transitions. Take a look at the most up-to-date compatibility chart.

Please keep in mind that you still need to use Modernizr to ensure that you are...

Read More

Using Git: Taking the Pain Out of Version Control

Posted on Thu, August 08, 2013 in Web Design by Mark Middleton

I love elegance, purity and simplicity

In the 90’s as a rookie developer, I spun my wheels… a lot. With no true version control, we would update the production server directly. Then, weeks or months into the project, we would spend the time to set up a dev server. Our team would do their best to wrangle the process of developing locally, updating a dev server, and when everything was tested we would update everything on the production server and pray everything was put into place correctly. But we often wrote over each other’s code and our only saving grace was a nightly server tape...

Read More

Topics

Authors

Tell Us About Your Project