4 Tips To Faster Loading Google Fonts

Posted on Fri, December 20, 2013 in Web Design, User Experience, Digital Design by Kevin Carpenter

Load Google Fonts First Before CSS Place the Google import code such that it loads first directly after the html HEAD tag, EVEN before loading the CSS file. This ensures the fonts load before the CSS so there isn't any unexpected "jumping" of when the font finally loads. This is actually becoming very common in sites that I have seen recently. Use Link Format There are 3 ways in which you can load Google Fonts – @import, link rel and javascript. The link rel tag will allow you to place the code on the html and load it the fastest before the CSS file. Here is an example:

Read More

Magento Quick Tip: Magento product does not display

Posted on Wed, October 30, 2013 in Web Design, eCommerce by Mark Middleton

If you have added a product to your store and it isn’t showing up in the storefront, there’s a list of settings to check:

Read More

Expression Engine Conference 2013

Posted on Tue, October 29, 2013 in Web Design, GRAYBOX News by Mark Middleton

Earlier this month, two of us from GRAYBOX attended the EE2013 conference here in Portland, Oregon USA.

With a packed schedule of 46 sessions with 34 speakers, the two days of the event went by very quickly. It was a great opportunity to meet and share with other developers, add-on creators, hosting vendors and EllisLab, the makers of Expression Engine, themselves. The conference was excellently executed and provided a solid foundation to deliver excellent training and connection with the EE community.

Gremlins in the Gears: Troubleshooting tips and tricks from EL’s own

One of...

Read More

Dynamically Add Active Class to Links with jQuery

Posted on Thu, October 24, 2013 in Web Design by Alum

Here is a quick snippet that I’ve found useful on several occasions, particularly when you want to build out navigation dynamically and need a quick and dirty way to highlight the currently active page’s link

Read More

4 Trends of The Adapting Web

Posted on Mon, October 21, 2013 in Web Design, User Experience by Kevin Carpenter

As 2013 draws to an end, the web design and development world has changed a lot. Here are some trends that I predict will continue to become more and more popular in the year 2014.<br>

Responsive Design for Every Display

Responsive web design has been around for several years now, but it really came alive in the last year. We’ve seen more widespread adoption of adaptive, fluid approached websites.

Every major site  has converted to a fully responsive design which looks good on all devices, not just mobile phones and desktop computers.

Read More

4 Reasons to Design Simply

Posted on Mon, October 21, 2013 in Web Design, eCommerce by Jason Bennett

Over the past few years there has been a shift in web design trends from the gradients and bevels of “Web 2.0” to a simplified, flat look. Apple, Google, and Microsoft have made flat design ubiquitous with the release of their latest operating systems and software. The explosion of smartphone and tablet usage is the key driver of this return to simple design. Here’s a few reasons to take advantage of this design trend.

Reduce Noise

We use our phones for a countless number of reasons every day

Read More

ExpressionEngine Conference Wrap-up

Posted on Wed, October 16, 2013 in Web Design, GRAYBOX News by Paul Weinert

The best part of being an ExpressionEngine developer (well, aside from working with the best CMS on the market) is being part of the EE community, and putting face to twitter handle was the highlight of this years ExpressionEngine conference. We had a chance to meet developers behind some of our favorite and most used add-ons, like Low (creator of Low Variables which we’re using on nearly every site), Adrian (of Exp-resso Store fame, or infamy on some of our off days) and many others. We were also happy to meet the EllisLabs team.

Read More

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 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

Topics

Authors

Tell Us About Your Project

Invalid phone number