Home Page

The home page of the website I'm working on. This page makes use of the Etsy api to pull a random selection of my Etsy listings, plus custom JSON + Javascript I wrote to pull listings from two of my other online stores. This page also uses the Twitter api to pull the most recent tweets from my timeline and display them in a custom widget I designed to fit in this grid.

All of this loads relatively fast because I set up the site to cache the listings and Twitter data so that there is no need to make the remote api calls for each page load. Only the cached data is brought up. I also used the srcset and sizes attributes on the images to serve the images at appropriate sizes based on the device being used.

There is no separate mobile version of this page (or any other page on the site so far). All of this is accomplished with CSS only.

Stock art for the site is from Pixabay. Images in the Twitter widget come directly from Twitter (and the linked pages found in the tweets).

More by Jeremy Mallin 🎨

View profile