Blog

All my posts

Overflow clip

That’s it. That’s what fixed my webpage. The issue was I was flying in images from the sides of the screen. Before the animation ended the images were translated off the viewport. I want to prevent horizontal scrolling on phones where horizontal space is at a premium. Overflow-x hidden caused nested vertical scrolling for some […]

How to Fade Image Edges with CSS Masks (No Transparent PNGs Needed)

I had a photo on a website that had a subject in the middle and a background of a single colour. I wanted to centre the image and have a background flank the left and right side when the window was wide. The problem is matching the colour with the background and the left right […]

Creating My Blog

I’m using WordPress to create my blog and it’s allot of fun! I’m writing my custom theme. One really nice trick I’m using is the following CSS: This makes sure that when I navigate from the blog to the about or contact section the scrolling position is in exactly the right spot and makes room […]