I went looking for a Chrome New Tab extension with React related content and found none, so I decided to create my own. An easy and obvious source of related data is the GitHub API, so I decided to show popular, new and fresh public repos tagged with the react topic.
Not too advanced or complex, but a nice little side project.
Today’s tip is simply how to use the cover photo information obtained via the Facebook Graph API to correctly position the photo the same way as the user intended, purely with CSS. This is important if you want to use their cover photo on some design or site feature, and respect their choice properly.
Processing is the framework I use for creating generative images. It really takes away a lot of the low level technical worries related to drawing graphics to your screen or a canvas. This lets you focus on what you’re actually trying to create.
This is the second post in a series. Check out the first if you haven’t already: High resolution rendering with Processing, Part 1.
So in the previous post we looked at how we could render to targets bigger than our screens in a practical way. If you have an iterative and computationally expensive process like me, you may have experienced that this can get quite slow, and would like a way to to a quick draft before committing to the full render.
So you’ve started experimenting with Processing (What is Processing?) and created your first piece of art that you would like to show off (doesn’t take very long with Processing, now does it). So you take your 1200 by 1200 px image and print it in a solid high resolution and realize that your 4 by 4 inch print does not exactly fall into the “large format” category. What to do?