# Paul Lewis

Pretty much whatever comes into my head.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## The Making of a Logo

DevFeed: [The Making of a Logo](<https://devfeed.tech/articles/the-making-of-a-logo-39442.md>)

Original publisher: [Read original article](<https://aerotwist.com/blog/the-making-of-a-logo/>)

Author: Paul Lewis

Published: 2025-01-15T00:00:00Z

Content type: opinion

Language: en

Sources: [Paul Lewis](<https://devfeed.tech/sources/paul-lewis.md>)

Topics: [Website](<https://devfeed.tech/topics/website.md>), [blender](<https://devfeed.tech/topics/blender.md>), [3D](<https://devfeed.tech/topics/3d.md>), [stl](<https://devfeed.tech/topics/stl.md>), [SVG](<https://devfeed.tech/topics/svg.md>), [export](<https://devfeed.tech/topics/export.md>), [render](<https://devfeed.tech/topics/render.md>), [Sketch](<https://devfeed.tech/topics/sketch.md>)

Tags: [3d](<https://devfeed.tech/tags/3d.md>), [3d-printed](<https://devfeed.tech/tags/3d-printed.md>), [blender](<https://devfeed.tech/tags/blender.md>), [cameras](<https://devfeed.tech/tags/cameras.md>), [export](<https://devfeed.tech/tags/export.md>), [file](<https://devfeed.tech/tags/file.md>), [logo](<https://devfeed.tech/tags/logo.md>), [making](<https://devfeed.tech/tags/making.md>), [render](<https://devfeed.tech/tags/render.md>), [stl](<https://devfeed.tech/tags/stl.md>), [svg](<https://devfeed.tech/tags/svg.md>), [update](<https://devfeed.tech/tags/update.md>), [website](<https://devfeed.tech/tags/website.md>)

### AI overview

The author describes creating a new Aerotwist logo, starting with sketches on a reMarkable 2 tablet, refining it as a vector and SVG, and preparing it for 3D printing by exporting an STL from Blender.

### Source excerpt

A new website, and a 3D printed logo!

## How Libraries and Frameworks Affect Main-Thread Prioritization and Why SSR Is Not a Silver Bullet

DevFeed: [How Libraries and Frameworks Affect Main-Thread Prioritization and Why SSR Is Not a Silver Bullet](<https://devfeed.tech/articles/when-everything-s-important-nothing-is-39443.md>)

Original publisher: [Read original article](<https://aerotwist.com/blog/when-everything-is-important-nothing-is>)

Author: Paul Lewis

Published: 2016-12-10T00:00:00Z

Content type: opinion

Language: en

Sources: [Paul Lewis](<https://devfeed.tech/sources/paul-lewis.md>)

Topics: [Preact.js](<https://devfeed.tech/topics/preact.md>), [Frameworks](<https://devfeed.tech/topics/frameworks.md>), [Server-side rendering](<https://devfeed.tech/topics/server-side-rendering.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>)

Tags: [browsers](<https://devfeed.tech/tags/browsers.md>), [css](<https://devfeed.tech/tags/css.md>), [devtools](<https://devfeed.tech/tags/devtools.md>), [loading](<https://devfeed.tech/tags/loading.md>), [performance](<https://devfeed.tech/tags/performance.md>), [preact](<https://devfeed.tech/tags/preact.md>), [server-side-rendering](<https://devfeed.tech/tags/server-side-rendering.md>)

### AI overview

An exploration of whether modern libraries and frameworks prioritize components during startup. Using Preact as a starting point, the article argues that libraries and frameworks can occupy the main thread without yielding, and that server-side rendering does not by itself solve the underlying performance problem.

### Source excerpt

Do libraries and frameworks prioritize components on boot? If so, how, and if not what can we do? And, in exploring that question, I discovered that Server-Side Rendering isn't a silver bullet!

## Slicing SVG 9 Ways

DevFeed: [Slicing SVG 9 Ways](<https://devfeed.tech/articles/slicing-svg-9-ways-39439.md>)

Original publisher: [Read original article](<https://aerotwist.com/blog/slicing-svg-9-ways>)

Author: Paul Lewis

Published: 2016-08-30T00:00:00Z

Content type: tutorial

Language: en

Sources: [Paul Lewis](<https://devfeed.tech/sources/paul-lewis.md>)

Topics: [SVG](<https://devfeed.tech/topics/svg.md>), [CSS](<https://devfeed.tech/topics/css.md>), [SVG animations in CSS](<https://devfeed.tech/topics/svg-animations-in-css.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [3d](<https://devfeed.tech/tags/3d.md>), [challenges](<https://devfeed.tech/tags/challenges.md>), [css](<https://devfeed.tech/tags/css.md>), [explain](<https://devfeed.tech/tags/explain.md>), [gpu](<https://devfeed.tech/tags/gpu.md>), [performance](<https://devfeed.tech/tags/performance.md>), [responsive](<https://devfeed.tech/tags/responsive.md>), [series](<https://devfeed.tech/tags/series.md>), [svg](<https://devfeed.tech/tags/svg.md>), [video](<https://devfeed.tech/tags/video.md>), [youtube](<https://devfeed.tech/tags/youtube.md>)

### AI overview

This tutorial explains how to approach dynamically sized shadows for a 3D card flip in responsive web design. It compares CSS box-shadow and blur filters, focusing on editability, animation performance, and rendering costs.

### Source excerpt

I recently made a 3D Card Flip element as part of my Supercharged YouTube video series, and I ran into some challenges with the shadows. I decided I should explain how I approached the solution.

## The Anatomy of a Frame

DevFeed: [The Anatomy of a Frame](<https://devfeed.tech/articles/the-anatomy-of-a-frame-39440.md>)

Original publisher: [Read original article](<https://aerotwist.com/blog/the-anatomy-of-a-frame>)

Author: Paul Lewis

Published: 2016-02-15T00:00:00Z

Content type: tutorial

Language: en

Sources: [Paul Lewis](<https://devfeed.tech/sources/paul-lewis.md>)

Topics: [Chrome](<https://devfeed.tech/topics/chrome.md>), [browser](<https://devfeed.tech/topics/browser.md>), [Processes](<https://devfeed.tech/topics/processes.md>), [GPU](<https://devfeed.tech/topics/gpu.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [layout](<https://devfeed.tech/topics/layout.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [code](<https://devfeed.tech/tags/code.md>), [gpu](<https://devfeed.tech/tags/gpu.md>), [jank](<https://devfeed.tech/tags/jank.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [layout](<https://devfeed.tech/tags/layout.md>), [pixels](<https://devfeed.tech/tags/pixels.md>), [process](<https://devfeed.tech/tags/process.md>)

### AI overview

This reference explains how Chrome and Blink move content from browser processes and renderer threads to the screen. It describes the GPU process, compositor thread, main thread, tile workers, input handling, JavaScript, style, layout, paint, and frame delivery, while noting that the architecture may differ across browser vendors.

### Source excerpt

I'm often asked by other developers about parts of the pixel workflow, and what fires when and why, so I figured it might be worth putting up a little reference for what's involved in shipping pixels to screen.

## Using createImageBitmap to reduce image-decoding jank

DevFeed: [Using createImageBitmap to reduce image-decoding jank](<https://devfeed.tech/articles/the-hack-is-back-39441.md>)

Original publisher: [Read original article](<https://aerotwist.com/blog/the-hack-is-back>)

Author: Paul Lewis

Published: 2016-01-25T00:00:00Z

Content type: article

Language: en

Sources: [Paul Lewis](<https://devfeed.tech/sources/paul-lewis.md>)

Topics: [Decoding](<https://devfeed.tech/topics/decoding.md>), [browser](<https://devfeed.tech/topics/browser.md>), [Canvas](<https://devfeed.tech/topics/canvas.md>), [Chrome Canary](<https://devfeed.tech/topics/chrome-canary.md>), [Firefox](<https://devfeed.tech/topics/firefox.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [canvas](<https://devfeed.tech/tags/canvas.md>), [chrome-canary](<https://devfeed.tech/tags/chrome-canary.md>), [decoding](<https://devfeed.tech/tags/decoding.md>), [firefox](<https://devfeed.tech/tags/firefox.md>), [images](<https://devfeed.tech/tags/images.md>), [jank](<https://devfeed.tech/tags/jank.md>), [main-thread](<https://devfeed.tech/tags/main-thread.md>), [perf](<https://devfeed.tech/tags/perf.md>), [pixel](<https://devfeed.tech/tags/pixel.md>)

### AI overview

The article explains how image decoding can block other paint tasks and cause checkerboarding or jank. It introduces createImageBitmap as a browser-managed way to decode images off the main paint flow, noting availability in Chrome Canary behind an experimental canvas flag and in Firefox 42 onward.

### Source excerpt

Image decoding can be a source of checkboarding and jank. What if there was a way to work around it without resorting to a cluster of horror hacks? Step right up and meet my new friend createImageBitmap!