Pure CSS Loading Spinner

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

How often do you see the same loading graphic, using the same animated .gif file? I know I see it multiple times every day, but why use such a common poorly rendered graphic when we could create one more visually pleasing just as easily in pure css? If you do not know which loading graphic I am specifically referring to, let me refresh your memory: Now we could directly recreate this graphic (I have included the code at the bottom of the post) but for this brief example let's rework this graphic a bit.

Read More

jQuery: Combining Effects to Make Your Site Sizzle

Posted on Fri, December 20, 2013 in Web Design by Mark Middleton

jQuery, the popular framework for short-handing complex actions in JavaScript, has been extended by many developers around the world to do create some pretty slick in-browser effects.

Today, let's combine a couple of those together (along with some CSS effects) and make your page content a little more interesting.

Read More

Wordpress .htaccess Broken Down

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

As of WordPress 3.0, to create permalinks you will need to use the following .htaccess file: # BEGIN WordPress RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] # END WordPress The goal of this post is to examine what the .htaccess rules are doing, and why they’re doing it. With this information you will be able to customize your own .htaccess file to suit the needs of your web application.

Read More

Great Advice for Understanding most Users

Posted on Fri, December 20, 2013 in Web Design, User Experience by Alum

Do you ever have a hard time explaining UI and UX to clients or coworkers? We came across this video the other day and found it humorous and helpful in explaining the sometimes counter intuitive design decisions that get made to make our sites user friendly.

Read More

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, Web Development, eCommerce, Magento 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, ExpressionEngine, 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

Topics

Authors

Tell Us About Your Project