Matthew Antone

Making things that do stuff.

Glyphix.com rebuilt with Bugo

I’ve had such success with Bugo that Glyphix let me rebuild their WordPress website in Bugo. We saw significant increases in Google PageSpeed scores by moving to Bugo. Visit Glyphix.com

Boldly Go Where No Website Has Gone Before

Launched a new site this week for all you Star Trek Fans. Startrekdesignproject.com collects the symbols used from the Star Trek franchise. The site was built with Bugo (a framework I’m developing for static sites). It’s primarily a taxonomy driven site which allows you to find symbols based on affiliation, franchise, quadrant, time period and universe. Neato.

Introducing Bugo

I have finally gotten far enough along with Bugo that I think I can share it with the world. I’ve been building it for about 6 months now. Bugo is a service-based framework that leverages services and libraries to build, deploy and serve static websites. I’ve coupled it with Hugo, Bootstrap, Forestry.io, Netlify.com and Cloudinary com. I’ve been developing with it at work and I’m seeing a significant increases in productivity.

Hi. I'm a web developer in Seattle, WA.

My original training is in graphic design, but when the web was young I jumped in head first. This gives me a unique perspective on web development, because I understand both design and programming. Agency work has allowed me to build a lot of websites over the years. I’m currently building a framework that is the sum of this experience.

Choosing the right images

Choosing the right images for your website is not as easy as it looks. The first thing you need to realize is that not all images are created equal. Just because an image looks good doesn’t mean it will fit into your website’s design. You need to also consider aspect ratio and image size. The basics Most pictures fall into one of two orientations: Portrait and Landscape.

How to add vCards to Hugo

One of the great things about Hugo is that it can output just about any type of file. I ran into the need to add a vCard to profiles on a client’s site and finally got to use it. First let’s setup Hugo to output a .vcf file. Open your site’s config file and edit and add vcf to your outputFormats.

Boost Page Speed & Save Time Generating Critical CSS

If you’ve built a website in the last few years, you undoubtedly have heard of Google’s Page Speed Insights. One consistent score I’ve struggled with delivering critical css in a separate file from my site’s main css. It seems like I never have the time to pull the critical above the fold styles and put them in their own file.