October 27, 2020
canvas, digital cameras hacks, Featured, game boy, game boy camera, gameboy, gameboy camera, html5, JavaScript, Nintendo Game Boy Hacks, pixel art, selfie

The Game Boy Camera, Or: How I Learned To Stop Worrying And Love The Pixels

Never underestimate the power of nostalgia. In an age when there are more megapixels stuffed in the sensor of a smartphone camera than the average computer display can even represent, why would jagged images from a 20-year-old grayscale camera with pixels numbering in the thousands still grab attention? Maybe what’s old is new again, and […]

August 8, 2020
accessibility, Article, canvas, JavaScript

Nailing the Perfect Contrast Between Light Text and a Background Image

Have you ever come across a site where light text is sitting on a light background image? If you have, you’ll know how difficult that is to read. A popular way to avoid that is to use a transparent overlay. But this leads to an important question: Just how transparent should that overlay be? It’s […]

May 23, 2020
apple, Article, canvas, preload, requestAnimationFrame

Let’s Make One of Those Fancy Scrolling Animations Used on Apple Product Pages

Apple is well-known for the sleek animations on their product pages. For example, as you scroll down the page products may slide into view, MacBooks fold open and iPhones spin, all while showing off the hardware, demonstrating the software and telling interactive stories of how the products are used. Just check out this video of […]

February 12, 2020
Article, canvas, JavaScript, webgl

Building an Images Gallery using PixiJS and WebGL

Sometimes, we have to go a little further than HTML, CSS and JavaScript to create the UI we need, and instead use other resources, like SVG, WebGL, canvas and others. For example, the most amazing effects can be created with WebGL, because it’s a JavaScript API designed to render interactive 2D and 3D graphics within any compatible web browser, allowing GPU-accelerated image processing. That said, working with WebGL can […]

Category: canvas

The Game Boy Camera, Or: How I Learned To Stop Worrying And Love The Pixels

Nailing the Perfect Contrast Between Light Text and a Background Image

Let’s Make One of Those Fancy Scrolling Animations Used on Apple Product Pages

Building an Images Gallery using PixiJS and WebGL

Bottle Filler Perfectly Tops Your Cup

Apple will now have to disclose the repairability score of their iPhones and Macs

How to Turn off Clipboard Suggestions in Gboard