This was an interesting little problem to solve: How do we make a column of text display on top of an angled background color? Better yet, how do we cut a corner out of the text to make it fit better?
The answer to the first problem was comparatively straightfoward: two nested blocks, one rotated 45 degrees down and the other rotated 45 degrees right back. The second problem was trickier, but can be solved if you’re using a browser that supports CSS Shapes.
In the spirit of New Earth USA, here’s some minimalist crop rows in 3D CSS.
Let’s look at how this is built. Continue reading 3D CSS crop rows
Problem: Client is very upset they can’t access their website in China.
Solution: China’s Great Firewall blocks IP addresses, not domain names, so we just need to move the site to a different server.
Oh, look at that, I was going to do that anyway….
New Earth USA was finally unveiled today. Some creative CSS coding, but made much simpler by the fact that it’s built on top of the flexbox-enhanced Bootstrap 4.