Category Archives: Web Development

PCI Compliance – What you need to know

If you have a website that takes payment online, somewhere along the line you likely pay an annual fee for PCI Compliance.

PCI actually stands for Payment Card Industry, but for many it feels like it could also stand for “Pretty Confusing.”

So let’s avoid all of that confusion and get you the facts. Here’s what you need to know about PCI.

If you have a bank account tied to a payment processor for the purpose of accepting funds on your site, your payment processor likely provides the PCI compliance/scanning services.

Here at TKG, we work with a large company called First Data. They are pros at getting a client set up and serviced – and make it easy for the customer and site provider to stay current on compliance. They work with multiple banks so you are not tied down in having to keep your account in one place.

As a vendor, it’s a necessary evil. To be successful online, you almost have to still accept cards as payment. To that end, PCI compliance has become quite an industry over the past several years.

There are now companies that will cold call you as a business and implement scare tactics along the lines of “we completed a scan of your site and noticed that you are not currently protected, please contact us right away” or something similar. This approach always reminds me of the long distance companies “slamming” people years ago and all of a sudden people would start getting bills from another provider.

This is something to be aware of and watch out for. If you receive an “alarming” email or phone call regarding the security of your site – or specifically, PCI compliance – start with your payment provider. This would be the company that actually processes the “swiped” cards online, takes a fee and then deposits funds in your existing bank account. Most of these payment gateway services provide this type of PCI compliance (already in fees you pay them) as part of an annual service.

Most importantly, just know that these panic messages you might receive are not going to impede your business, so don’t feel the need to respond to their offer or request at that very moment. Confirm what services you might already have from your provider so you can likely avoid additional fees and annual hassle from an additional vendor.

5 Business Advantages of Responsive Design

responsive design

In online marketing, there has been a serious behavior shift toward mobile and tablet browsing. With readers increasingly accessing websites on their smartphones, tablets and computers, responsive design has become an important part of the online user’s digital experience.

Check out our list of the 5 major business advantages you can achieve by switching to a responsive website design:

Builds tablet and mobile audiences

Traditionally, when mobile audiences would access a website, they would be re-directed to a device-specific site. But with responsive design, one site can be developed and implemented across all devices. As tablet and mobile sales continue to grow, responsive design will become increasingly important for reaching these growing audiences.

Enhances user experiences

Responsive design allows site owners to deliver quality content to audiences across multiple devices. On responsive sites, pictures are proportional, text is readable and buttons are large enough to click – no matter what device your visitor is using.

Improves SEO

When you switch to a responsive site, all of your efforts can be focused on a single set of hypertext links and a single SEO strategy. Consolidating your efforts will save you time, money and make your site more popular among major search engines.

Increases sales and conversion rates 

As your audience becomes familiar with your site’s navigation, the improved user experience could positively impact your conversion rates. Responsive design removes some of the functionality and performance issues that multiple sites can create, so users are more likely to see their conversions all the way through.

Streamlines development and site management

Developing a single responsive site takes a lot less time and effort than creating a traditional site and a standalone mobile site. But responsive design is not only a time saver in the development phase; it also makes sites easier and more cost effective for clients to manage on the back-end.

Interested in responsive design, but don’t have the tools to develop a responsive site yourself? Don’t worry. Contact the development experts at TKG, and see how we can help you achieve your business goals.

And don’t miss our Breakfast Bootcamp on Oct. 16, where we will talk in depth about the benefits of responsive design.

Meet Josh Moyers, our new Front End Developer at TKG

Josh Moyers Bio ImageJosh specializes in HTML5, CSS3, jQuery, SASS and responsive design. He studied web development at Stark State College and gained experience as a web developer and IT administrator while working in Akron for six years.

Josh took a break from web development and was in the Army as an Infantryman. He was stationed at Ft. Campbell, KY with the 101st Airborne division for three years. Nine months of those three years were spent deployed in Afghanistan on the Pakistan border

“We do our best to produce the best sites on the web, and in order to do that we need quality front end developers. I believe we found one with the recent hiring of Josh Moyers. He is homegrown, has travelled the world serving our country, and has quite a few years of online development experience under his belt,” said David Brown, director of Client Services. “And when he wears a suit, which we normally don’t do around here, he looks like a young James Bond!”

Welcome to the team, Josh!

Google Update: Executing and Rendering Javascript

In terms of annoyance, JavaScript may have ranked right up there with animated gifs, or <blink> dancing hamsters back in the mid-90s to early 2000’s.

A developer’s stance on pure JavaScript centered on the differences between engines and browsers, or possibly security concerns since the code is executed by the client instead of the server and it could expose their machine for malicious purposes. End users wanting to accomplish something on a webpage might have been greeted with butterflies floating across the screen, endless popup boxes or pages that simply didn’t work in their browser.

Overall, JavaScript had a horrible reputation and (in my opinion) needed a few saviors to keep it from the technology graveyard. Enter frameworks, AJAX and standards.

Over the last few years, JQuery, Mootools, Dojo, Node and a host of other frameworks have distanced developers from the pain of IE vs. Chrome vs. FireFox by adding a consistent layer of methods and properties that deal with the browser differences under the hood. Taking browser differences away allows developers to focus on maturing the use of JavaScript – and gone are the butterflies and Rick-Roll popups. Form field validation, handling responsive design for different devices and parsing AJAX now compliment the end user experience instead of hindering it.

Standards have also been added into these browsers so there are less and less differences in the interpretation of JavaScript. It has now turned into a speed contest between browsers to tout how fast their rendering engine is. All of this is pure benefit to the end user. It creates consistency and allows users to choose what browser they like the best instead of the webpage forcing them to use a particular one.

The modern web could not exist without AJAX. This crucial technology allows small requests and responses to happen within a web page without a complete page reload. Maps, chat feeds and news services all rely on this technology to create a fluid user experience. The workhorse for this, however, is JavaScript. The events of the user trigger JavaScript functions to initiate the AJAX request, and it’s up to JavaScript to then change the webpage to do something useful with the response.

So why does any of this matter for your business and marketing strategy? Perhaps the final piece of the puzzle to solidify JavaScript as a key component in websites is that Google announced that they are now executing and rendering JavaScript as they crawl websites. Until recently, Google would look at only the HTML of a page, relying on solid markup and content in that HTML to rank it. Google has recognized that times have changed and now the importance of a site isn’t necessarily limited to that static content. JavaScript and AJAX may be creating a different page for the end user that Google would not see without executing the JavaScript also.

Take a look at the following picture. On the left is what a normal user sees when they visit this certain webpage. On the right shows what that same page looks like when JavaScript isn’t executed. It is quite a difference – and it creates a huge difference in experience and content.

javascript

Google’s execution of JavaScript is a welcome announcement – and I, for one, am thrilled that JavaScript is being recognized by a major search engine as a component of web development that is important enough to include in their crawling and ranking process.

“I need a new brandsite!”

brand strategyA what?

Working with as many clients as we have – and over as many years as TKG has been doing it – we’ve learned some things. Hence, we have this blog.

Often, something like this unfolds: We start working with the client on their new website. They say they are after a fresh look that better represents their product or organization.

No problem, we’ve got that covered. Responsive design, too? Check!

So we’ll move through the kickoff portion of our new project process and ask the client to send us their brand guidelines, including logo, colors, etc. At some point in this process the client will often mention, “oh, by the way, we hate those also and what we have does not target our market.”

Ahh. I see.

So if you are out there reading this, and you are a business in this predicament, let’s take a step back. Let’s start with the brand first.

Why?

Well, if the brand you have currently is really outdated or targets a market that is not your focus anymore, you’re going to need to re-do this before your website anyway. It not only affects your web and online marketing efforts, but also your business cards, letterhead, print items, wearables, signage … and on and on. All of these things need to be current and on target for your new online presence to take hold and be effective.

What now?

Get it done. TKG can help you determine what your brand is missing and develop new collateral that represents the business or organization you want to be today. Work with our team to create your new face so that you can put your best foot forward in the digital space and beyond. Brand, check!

Then what?

Bring that new brand online and proudly show it off to the masses, while your business reaps the benefits of your hard work.

For the Best ROI: Your CMS Should Be Easy to Use

increase ROI with the right CMSOne last thing to consider when selecting a CMS for your business is the actual return on investment for maintaining your content. We learned years ago that the ones responsible for maintaining content are usually the ones that could care less about system configurations, file permissions, and access to server level tools.The typical CMS user wants to do their job of managing content, not managing a complex path of procedures and cryptically labeled checkboxes. This is why we strive to make it easy for non-technical people to get in, do their thing, and get out – we’ll take it from there.

The best way to illustrate this is to do a side by side comparison of a common task, say adding a photo to a product. The following is an actual list of steps required to accomplish this task for a client that built their website before they knew Apoxe existed.

  1. Expand “Home” then expand “Product Database” then expand “Brand” then expand “Product Type”
  2. Scroll through the list and find the product you want to work with
  3. Click on the product
  4. Scroll to the middle of the edit page, click on “Browse”
  5. Navigate a Media Library folder structure to find the image you want to add
  6. If the photo is not uploaded already:
    a. Open a photo editor on your computer
    b. Find the file on your machine
    c. Resize the image to the size you want it on the product detail
    d. If you forget the dimensions of the product detail image
    — Go to the website
    — Navigate to a similar product
    — Right click on that product’s image, make a note of dimensions
    e. Go back to your photo editing program
    f. Enter those dimensions you jotted down into the resize dialog
    g. Adjust the quality of the image
    h. Make sure the DPI is appropriate for the web
    i. Save the image

7. Select “Browse” in the Media libraries file upload window
8.  Navigate to where you just saved the newly created image
9. Upload
10. Once uploaded, click on the “Properties” button to enter alt text for SEO / Accessibility
11. Repeat Steps 1 through 10 for the Small image, Medium Image, and Thumbnail Image
12. Save the product
13. Publish the site content

Spread this procedure out over say 100 products during the life of the website, and very easily you’ve just paid your employees a significant amount of money to maintain content, while frustrating them by making such a simple task difficult, usually in order to save some upfront cost. Let’s look at this same task in Apoxe:

  1. Click on “Products”
  2. Begin typing the product name in the search box, click on the autocompleted result
  3. Scroll to the bottom of the editor to the “File Upload” area
  4. Click browse, find the image on your computer
  5. Fill in the alt text
  6. Select the file placement you’d like to make this image
  7. Click upload

What is going to happen for you is that based on the selected file placement, Apoxe will create every appropriate size of the image needed. A slideshow image, for example, needs a small, medium, and large version – they are all created for you. The file becomes associated directly to that product instead of associated to a separate media library that you must remember separately from the product. The alt text is saved at the point of upload instead of adding and then instantly editing the file. Clearly – a lot easier to use than that other system.

And, really, that should be the goal of a content management system: Something that is easy to use and with all your needs already planned for, so that you and your team can concentrate on creating great content and generating business.

What CMS does your website use? Is it easy to use? Are you happy with it? Did you get your ROI? Tell us in the comments!

An Introduction to Icon Fonts

Icon fonts are a font that gets installed onto your website that allows you to use numerous vectored icons. This means these icons are very similar to any font that you would have installed on your computer, such as Arial or Helvetica.

Since these icons are vector objects, you have the ability to manipulate them via CSS, just like you would with any normal font.

Benefits to Using Icon Fonts

  1. Change colors with CSS
  2. Change the size with CSS
  3. Rotate them with CSS
  4. Works with retina display natively since they’re vector images
  5. Add drop shadows with CSS

You can see live working examples of these benefits over on Chris Coyier’s blog.

Font Awesome LogoMy favorite icon font to use is Font Awesome; however,  there are several others gaining popularity. Font Awesome works by using an <i> element with an icon-specific class such as:Font AwesomeAs you can see from the above example, adding Icon Fonts to your code will not bloat it at all and will greatly increase your sites page load efficiency.

Are you using Icon Fonts yet? Share with me in the comments which is your favorite.

4 Things We Bet You Didn’t Know Apoxe Could Do

When I came to TKG almost a year ago, I quickly had the opportunity to work in our homegrown CMS, Apoxe. Having worked in a lot of CMS’s before, I wasn’t expecting much (sorry!), but boy was I pleasantly surprised. There are a number of things that set Apoxe apart from the other CMS platforms out there, but here are 4 of my favorite features:

1. Page Order in Menus Can be Easily Changed

Sometimes you just want to re-organize your site. Maybe because keyword research suggests one topic is stronger than another and you want to place it more prominently, maybe because your business is shifting. Whatever the reason there are many CMS platforms out there that claim to make this easy. But, when you get into these platforms to edit content and change the order of menu items, it actually gets complicated very quick. With Apoxe you can easily drag and drop your menu items instead of clicking through a maze of pages in the admin.

Apoxe CMS Screenshot

2. Relate Pages, Articles, and More Via Relate Functionality

As you add content to your site, you may want to point visitors in the direction of it from related pages. Most CMS platforms give you the ability to setup menus, but Apoxe easily allows you to do that as well as relate content to other content, all in 3 easy steps. Typically these relations will show up on the pages as related reading.

For example let’s say that we just published a page called “Web Design Pricing” and we want to relate this page to the “Web Development” page.

Step 1: Click the relate button next to the item that you want to relate.
Apoxe CMS Screenshot
Step 2: Click the page that you want to relate the item to.
Apoxe CMS Screenshot
Step 3: You will see the relation shown in the right hand column. You are done.
Apoxe CMS Screenshot

3. Contact Form & Sales Reports can be Generated Easily

Part of a successful web marketing campaign is measuring your efforts against the results of those efforts. On most Apoxe sites there is a reports module that allows you to view, export, and print reports for form conversions, sales, site searches and more.
Apoxe CMS ScreenshotApoxe CMS ScreenshotThe other cool thing? Your form submissions are archived, so when your email crashes or you deleted something by accident, it’s all safe and sound.

4. SEO Page Properties Can Easily be Added to Pages, Articles & More

Some content management systems do this through some kind of SEO module – where you actually have to leave the page to find the place to put this data. Fun, right? With Apoxe, you do it all on the same page where you put your content. (And if you’re doing it in bulk, we have a few tricks up our sleeve for that also!)
Apoxe CMS ScreenshotWhat are your favorite things about your CMS? Does it work as easily as Apoxe? Tell us in the comments.

P.S. If you would like to learn more about the Apoxe Content Management System schedule a FREE CMS demonstration – you can see it live and in-person!

An SEO Friendly CMS is a Must

It’s hard to believe that this day and age, we would still be coming across recently built websites on content management systems that are not SEO friendly.  You’d be surprised how often we do.

It is our opinion that this should be a minimum standard by now.  Frankly a current CMS should go beyond being SEO friendly, making integration easy with CRM systems, email marketing service providers, social properties etc., simply because effective SEO really means a well-built website and a good content marketing strategy.

CMS + SEOIf you are evaluating a new CMS, it’s critical that you consider the following bare bones:

  • Human friendly, and search engine friendly URLs
  • Does not create duplicate content
  • Output of CMS is consistent with standards compliant markup
  • Individual page properties and meta data are separate fields in the CMS
  • Reorganization of content as the site grows is easy and clean, redirects applied as needed

Ideally you’ll be able to find a CMS that has been heavily influenced by true online marketers.  It’s true that software developers are very good at making very efficient content management systems that do generate web pages efficiently.  Your goal should go further than that though.  It should be efficient of course, in every way.  Time and skill needed to add pages should be minimal, server resources need to be considered etc.  Equally important are the needs of the online marketers who want to be able to effectively run an online marketing campaign.  Their goals are most often focused on growing the business of the customer, so their needs are important.

What it boils down to is most websites serve a purpose: To generate business.  If your CMS does not give you and your online marketing team the tools to meet that objective, then no matter how inexpensive, or how efficient it is, it’s a waste of time and money.

What is a CMS and Why Does it Matter?

You’ve probably heard the term “Content Management System” being bandied about, but do you really know what it is?

Confused about CMS?It’s sounds very technical, but in fact, it’s quite the opposite. A content management system is an application that allows users to add, edit and manage a website – without having to know any of the technical stuff that goes along with it.

Around TKG, we refer to it as simply CMS or admin – or Apoxe when we are talking about our very own TKG-built CMS (it’s pretty awesome, if we do say so ourselves).

A CMS allows a website owner or administrator to access all the files on the site easily. They can change copy, videos, pictures, SEO settings and anything else that he or she may want to freshen up. That site admin can take new pages live or take down any unnecessary pages very quickly and easily – and without needing any outside assistance from a web guru.

For example, if you have a new product you need to add to your site, a good content management system such as Apoxe will allow you to go into the admin of the site and add it right to the page yourself – even if you aren’t technically savvy (really!). A quick admin training to show you the ropes is all you need – it really is that straightforward. No coding, no HTML, nothing fancy. It’s simple, fast and easily maneuvered and changeable. Publish what you want, when you want it.

We’ve found that Apoxe saves our clients a lot of time and money, as they are able to make changes to their sites themselves, as opposed to paying a developer (us) to make the changes for them – and then waiting for that to happen. This is especially helpful for e-commerce sites with regularly changing product offerings or informational sites where new copy needs to be added or updated on a regular basis.

If you’d like to see Apoxe in action or sit in on a training session, give us a call at 888-485-4932 or drop us a line. We’d be happy to show you how easy using your very own CMS can be.