How I built this website


Metaswirl is hosted on a Slackware Linux server which runs Nginx web server. Let’s Encrypt provides a free TLS certificate for the domain, and the server has been optimised to run fast and secure as possible. I put this website together by focusing on the following 3 points:

Design

Cross-platform browser support is essential – I decided to use Bootstrap front-end web framework which has active development, and a large user base. I created a clean, tidy layout with minimal use of JavaScript and selected some web fonts which work well on devices at various screen sizes. The logo was designed on Adobe Illustrator using a limited colour palette which is used throughout the website.

Speed

To make the website pages load as fast as possible, I chose Pelican, a static site generator written in Python. A static site generator can generally load pages faster than a CMS with a MySQL backend. HTML, CSS and JavaScript are minified using Grunt, and images are optimised, scaled to the correct size, and linked locally. HTML and CSS are checked using W3C validation services to ensure a perfect delivery.

Content

I will try and add a blog post at least once per month, and make sure everything adheres to good SEO practises. This will encourage engagement and increase traffic. Most blog posts will have a minimum of 300 words and contain a introduction, body and conclusion. The photo category contains full size images that have a resolution of 1280 x 720 pixels. This aspect ratio is suitable for mobile devices which are viewed in landscape mode and widescreen displays.

I am satisfied with what I was able to accomplish and will keep this website running on my server for a long time. Design, speed and content are important things to focus on if you ever decide to build a website.

Comments


There are no comments yet.

Add a Comment

 Atom Comments Feed