List of Awesome Bootstrap Plugins

Posted on Tue, October 08, 2013 in Web Design, User Experience by Kevin Carpenter

It seems like everyday that i stumble across a new useful plugin that enhances the web project that i am currently working on. However, what use are plugins if they are difficult to work with or do not directly fit into to your existing websites' templates or framework? To ease the pain, i have put together a few plugins that all play nicely with Twitter's Bootstrap foundation for seamless transition into your website.

ComboBox

A combobox plugin that works with twitter bootstrap. Transforms a select box into a autoselecting combobox, pretty neat. Link: ...

Read More

Which Graphics File Format Do I Save As?

Posted on Tue, September 24, 2013 in Web Design by Kevin Carpenter

The difference in image types is the result of the need for compression. By default, most images have a fairly large file size, which is not conducive to web use. The most commonly compressed image file types are .jpg, .gif and .png. This quick tip article will supply you with a basic rundown of the various image types while avoiding the massive amount of details regarding the technical processes of compression.

For most readers, you are here for a quick answer as to what format you should save your image as, here is a quick rundown before we go into a little more depth:

  • If the images...

Read More

Setting up a Magento site on your Local Machine

Posted on Tue, September 24, 2013 in Greatest Hits, Web Design, Web Development, Magento by Mark Middleton

Setting up Magento (Community or Enterprise) for local development can be a little tricky, but with these tips you can be up and running in no time.

Here’s what we will cover:

Installation of MAMP MAMP (not MAMP Pro) is a free one-click installation of Apache, MySQL and PHP for Mac OS X Configuring your Computer’s Hosts File Configuring Apache Setting up your MySQL Database Importing and updating Magento

Read More

ExpressionEngine 2.7: The new Grid fieldtype

Posted on Fri, September 13, 2013 in Greatest Hits, Web Design, ExpressionEngine by Alum

EllisLabs recently released the latest major point update to their ExpressionEngine CMS, which is great news for GRAYBOX and many of it’s clientele as the ExpressionEngine CMS powers a majority of our projects and the latest update will bring some new opportunities for existing EE sites and open up a number of possibilities for how we can use and manipulate content on an EE powered site.

Some backstory: If you’re a seasoned EE developer you’re probably aware of the hullabaloo surrounding Pixel & Tonic, probably one of the most well known EE add-on providers. If you’re not aware of...

Read More

5 Tips to Correct Your Communication Breakdown

Posted on Fri, September 13, 2013 in Business Operations by Alum

I believe communication breakdowns are underrated. They happen everyday in business, and wherever you are and whatever you're working on they are getting in the way, causing frustration, money, and time in varying degrees. And while this is happening, it is all being brushed aside, overlooked, and underrated unless someone steps in to clear everything up so everyone is confident, relaxed, making the most of their time and earning more money.

A communication breakdown happens every time a communicator miscommunicates what they are really trying to say, and/or the hearer misunderstands and...

Read More

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

Topics

Authors

Tell Us About Your Project