Our Writing.

This series of articles will show you how to build a JAMStack e-commerce shop using the latest tech; Nuxt 3 for the front-end, Strapi 4 for the CMS backend, and Snipcart to power the e-commerce.

In this blog post, we will pull out some of the design elements and animations and talk about them. We really enjoyed this project because it allowed us to add in many fun things; we added a lot of animations to give that extra special ingredient in our cauldron to make it a potent potion.

In this blog, I will be showing you how to make a mouse-tracking eye component using Vue 3, VueUse and a sprinkle of CSS. This eye-catching component will make a quirky addition to your future projects.

In this post we will show you how to transform your body into a skeleton in realtime by analysing a webcam feed with TensorFlow.js and pose detection. For maximum spooky effect we recommend following this tutorial in the dead of night on 31st October.

Here at Pixelhop, things have been getting spooky, our bones have been rattling away, and we've been busy experimenting with some new technology and building out something fun and scary. Do you dare find out more?

We're so happy to say we have launched a rebuild of Rye and Beyond; it's been a fun project to do. Over this blog post, we will explain why we rebuilt it and go into a little bit of the hows. 😊

Here's a little Q&A with our lovely new full-time developer, Talie 🥳🎉🐰. We went out for some celebratory drinks last night hence the question towards the end hehe 🍻.

Every little helps when trying to get your content noticed on social media, and having an eye-catching sharing image could be the difference between getting someone passing you by or someone clicking through. This post will guide you by creating dynamic social sharing images unique to each page/post using Firebase cloud functions, Cloudinary and Nuxt.

We were really excited when Strapi released a new update a few weeks ago that included internationalisation! This post will show you the basics of creating an internationalised site using Strapi and Nuxt.

We recently released a new version of our site. The goal was to better showcase our skills, personalities and values as a company. It was super fun to design and build, so we thought we would walk you through some details about our favourite bits.

To mark the occasion of earth day, we have decided to make any of our future sites or apps carbon neutral by planting trees every month to offset their emissions.

Well it's been quite some time, months have passed since our last blog post. A hell of a lot has happened in the world over the past year we thought we should give an update on some changes we've had at Pixelhop. I suppose I should start where we left off and update on our side project- Be the Forest.

Here is our week one summary for the project Be the Forest: The API that plants trees.

Learn how to add Webmentions to your Gridsome powered static site.

Be the Forest, an API that plants trees! We want to help people offset their carbon footprint, so here we are, trying to do that!

Zef and I are constantly talking about different ideas and "things" we want to build and projects we want to start. Over the years we have started countless side projects but have finished only a few. It's hard to keep side project momentum around busy lifestyles and full-time jobs.

Wooooo we have a new website, it's jam-packed with JAMstack! Built using Vue.js, Gridsome and Tailwind!