OUR BLOG

image

Why I don’t bake in google fonts

Blogs on the general principle of “don’t invade plugin territory” has been done a lot. But customers regularly ask me where the fonts are. Although some authors are baking in SEO and contact form functionality, I think it’s generally accepted that yoast and contact form 7 or other great plugins are left to do those jobs. Why?

Read More

image

How to Deploy a CDN on Your Zorbix Theme (and why you should)

Site load time is an issue for every business online. Neil Patel wrote about site speed and advises a load time of less than two seconds.

Why so fast?

Because Google uses it as a rankings factor.

If they didn’t, they wouldn’t have produced this intensive support article solely for site speed.

Your goal is to get your site loading as fast as possible. It’s not all on Zack here because he’s developed your theme. Once you install it on your WordPress site, you can add a ton of stuff, all of which will contribute to slowing your site down.

Read More

image

Why WordPress Professionals Use a Staging Server

You have auto WP updates turned on or you see a update notice on your dashboard asking you to update your WordPress site.

With WordPress being so accessible, lot’s of beginner tutorials available, free and premium themes available at $40 – $50 we are seeing a lot of sites being run in a less than professional manner.

It’s great that WordPress allows small businesses and entrepreneurs to get a website when their budgets are very small. I love to see friends and family using their talents and opening up small businesses and WordPress allows that to happen.

Read More

image

5 top reasons your wordpress website is slow

In this article I cover the biggest reasons why your WordPress website is slow. Take WordPress speed seriously and don’t underestimate the impact of a slow site on your business.

The longer a site takes to load the more users have jumped ship. These are potential customers or regular users! Also Google uses loading time as a ranking metric which is another huge reason to get your load time as good as possible.

Read More

Perfectly centering aligning font awesome

They are like many icon fonts designed to sit nicely in text, not to sit nicely in a circle.  So I’m afraid I have no solution for perfectly aligning font icons to a container –  unless you want to do it icon by icon… no thanks. But I’ll give to the best CSS I’ve found to do an ok  job.

In that case you may ask why use them? Because they are great. The sacrifice of perfectly aligned icons brings good rewards. They look great on retina, look great at any size, a massive selection of icons and all with a really low file size and one server call. With 4k/retina monitors becoming more and more popular and page speed affecting google page rank these are important factors!

Pixel perfection

The need for perfection I think is part of a wider misunderstanding of the web. Often folks are looking to make a website pixel perfect in general – I get that, I really do. I too have the drive to make a website look identical in every browser and to match the photoshop mockup pixel to pixel and align icons to pixel perfection. But the web just doesn’t work like photoshop and honestly, it doesn’t need to. A website should be useable, readable, be nice on the eye and function correctly. The need for perfection is a personal thing – not one that serves an important purpose on the web.

So let’s align the icons the best we can and reap the benefits of a fast loading website with sharp icons at any size and a massive repository of icons to choose from. And try to not get too tied up with trying to achieve a pixel perfect web.

So here’s the best CSS I’ve found

Here is a good fiddle by tagliala given on a github answer. This provides the best solution I have found to centering the icons without extra markup – I’ve look through a lot.

http://jsfiddle.net/tagliala/UY9vQ/20/

If  you’re looking for a rounded circle or square that’s filled in,  you can use font awesome’s stacking feature:

https://fortawesome.github.io/Font-Awesome/examples#stacked