5 Steps to Choosing the Best Shopify Theme for Your eCommerce Website

Posted on Wed, June 15, 2016 in Business Strategy, eCommerce Tips, Development Tips, Web Design by Kevin Carpenter

Consider the following five steps when choosing a website theme to enhance your webstore and its niche. Doing so will captivate your users, ultimately gain their trust, and thus increase conversion rates and overall sales.

Read More

Dynamic Categories On Subpages in ExpressionEngine

Posted on Mon, January 05, 2015 in Development Tips by Kevin Carpenter

​During a recent project, one of ExpressionEngine’s downfalls quickly forced me to think outside of EE’s built-in template syntax. The task was to allow the user to set ANY page to 1) A channel listing page (of any channel) 2) To START from any selected category and 3) Allow users to drill down into any category below the selected parent category. On the surface, this seems like it should be an easy task, particularly if you are not accustomed to ExpressionEngine’s syntax and limitations. Luckily, this downfall allows us to tackle this obstacle from many different approaches.

Read More

Virtuality Reality on the World Wide Web

Posted on Wed, August 06, 2014 in Web Design by Kevin Carpenter

The revival of the Virtual Reality (VR) craze is certainly well under way, and the opportunity for VR on the Web is now particularly exciting. So, isn't it time we transform the Web to a fully immersive capable portal?

Read More

Internet Explorer Select Dropdown Arrow Solution: ChosenJS

Posted on Fri, May 23, 2014 in Development Tips, User Interface, Web Design by Kevin Carpenter

Browser testing can be one of the most daunting tasks for a web designer or developer especially when that scope includes IE8 and IE9. Besides the usual background-size and image fixes, the most difficult task to regulate is the dreaded select dropdown element.

Read More

What is PhoneGap? Pros & Cons

Posted on Tue, February 11, 2014 in Development Tips by Kevin Carpenter

Apache Cordova (known by many as “PhoneGap“) is the most widely used by developers to create native applications. Cordova/PhoneGap developers write their mobile applications using HTML, JavaScript and CSS. These assets run in a “WebView” within a native application container on the target platform. It is essentially a web application packaged within a native application container where your JavaScript has access to device-level APIs that normal web applications would not. These include such things as: The camera, accelerometer, LEDs, GPS etc.

Read More

5 jQuery Snippets Every Developer Should Have Handy

Posted on Fri, January 31, 2014 in Development Tips, User Interface, Web Design by Kevin Carpenter

By changing the scrollTop value we can change where we want the scrollbar to land, in my case I used a value of 0 because I want it to go to the very top of our page, but if I wanted an offset of 100px I could just type 100px in the function. So all we are really doing is animating the body of our document throughout the course of 800ms until it scrolls all the way to the top of the document.

Read More

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

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

4 Tips To Faster Loading Google Fonts

Posted on Fri, December 20, 2013 in Identity Design, User Interface, Web 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

4 Trends of The Adapting Web

Posted on Mon, October 21, 2013 in User Interface, Web Design 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

Tell Us About Your Project

Invalid phone number