lorraine li
brooklyn. from xiamen.
makes arguably useful things
(Continued) I mentioned using absolutely positioned divs for optimal gradient rendering.
The gradients of each circle points at the direction of the weighed center-of-mass of its neighbors, so it always highlight the contact edge between them.
Context: This nesting circle motion system was created for one of many participatory web-based experiences at the @instrument open house last week.
This system powers a screen that upon guests’ NFC tap, shows their “Instrument facts”. Each guests, per their guest type and individual data may have any amount of facts, and this motion system was created for and inspired by that constraint.
These circle and the content they contain are written in HTML with absolute positioning for performant text and gradient rendering.
(Continued) I mentioned using absolutely positioned divs for optimal gradient rendering.
The gradients of each circle points at the direction of the weighed center-of-mass of its neighbors, so it always highlight the contact edge between them.
Context: This nesting circle motion system was created for one of many participatory web-based experiences at the @instrument open house last week.
This system powers a screen that upon guests’ NFC tap, shows their “Instrument facts”. Each guests, per their guest type and individual data may have any amount of facts, and this motion system was created for and inspired by that constraint.
These circle and the content they contain are written in HTML with absolute positioning for performant text and gradient rendering.
This nesting circle motion system was created for one of many participatory web-based experiences at the @instrument open house last week.
This system powers a screen that upon guests’ NFC tap, shows their “Instrument facts”. Each guests, per their guest type and individual data may have any amount of facts, and this motion system was created for and inspired by that constraint.
These circle and the content they contain are written in HTML with absolute positioning for performant text and gradient rendering. (To be continued)
This nesting circle motion system was created for one of many participatory web-based experiences at the @instrument open house last week.
This system powers a screen that upon guests’ NFC tap, shows their “Instrument facts”. Each guests, per their guest type and individual data may have any amount of facts, and this motion system was created for and inspired by that constraint.
These circle and the content they contain are written in HTML with absolute positioning for performant text and gradient rendering. (To be continued)
Inspired by textiles, water, willow trees and the hair of an Aussie🐕
Created with a procedural script.

Inspired by textiles, water, willow trees and the hair of an Aussie🐕
Created with a procedural script.

Inspired by textiles, water, willow trees and the hair of an Aussie🐕
Created with a procedural script.

Inspired by textiles, water, willow trees and the hair of an Aussie🐕
Created with a procedural script.

Inspired by textiles, water, willow trees and the hair of an Aussie🐕
Created with a procedural script.

Inspired by textiles, water, willow trees and the hair of an Aussie🐕
Created with a procedural script.

Inspired by textiles, water, willow trees and the hair of an Aussie🐕
Created with a procedural script.

Inspired by textiles, water, willow trees and the hair of an Aussie🐕
Created with a procedural script.
Inspired by textiles, water, willow trees and the hair of an Aussie🐕
Created with a procedural script.

(Found this in my drafts and I guess it’s poetic that I didn’t end up posting it)
If it was socially acceptable this is what my floor would look like

(Found this in my drafts and I guess it’s poetic that I didn’t end up posting it)
If it was socially acceptable this is what my floor would look like

The streak of (not) very useful tools continues… @roombaghost ‘s TimesDot has lived in my head rent free for years, so today I made a tool to make the dots in any font bigger.
Play with it at lorraine.li/bigdot

The streak of (not) very useful tools continues… @roombaghost ‘s TimesDot has lived in my head rent free for years, so today I made a tool to make the dots in any font bigger.
Play with it at lorraine.li/bigdot

The streak of (not) very useful tools continues… @roombaghost ‘s TimesDot has lived in my head rent free for years, so today I made a tool to make the dots in any font bigger.
Play with it at lorraine.li/bigdot

The streak of (not) very useful tools continues… @roombaghost ‘s TimesDot has lived in my head rent free for years, so today I made a tool to make the dots in any font bigger.
Play with it at lorraine.li/bigdot

The streak of (not) very useful tools continues… @roombaghost ‘s TimesDot has lived in my head rent free for years, so today I made a tool to make the dots in any font bigger.
Play with it at lorraine.li/bigdot

The streak of (not) very useful tools continues… @roombaghost ‘s TimesDot has lived in my head rent free for years, so today I made a tool to make the dots in any font bigger.
Play with it at lorraine.li/bigdot

The streak of (not) very useful tools continues… @roombaghost ‘s TimesDot has lived in my head rent free for years, so today I made a tool to make the dots in any font bigger.
Play with it at lorraine.li/bigdot

The streak of (not) very useful tools continues… @roombaghost ‘s TimesDot has lived in my head rent free for years, so today I made a tool to make the dots in any font bigger.
Play with it at lorraine.li/bigdot

The streak of (not) very useful tools continues… @roombaghost ‘s TimesDot has lived in my head rent free for years, so today I made a tool to make the dots in any font bigger.
Play with it at lorraine.li/bigdot

Font-remix on It’s Nice That👀
This was a project that I truly believe in(and I rarely say that), not because of what it is now but because of the potential it stands for and what it inspires me to keep exploring. (And the connections and conversations that happened because of it!) It means a lot to me to to see it recognized and spark so much curiosity.
Thanks @olivia_hingley for the words!

Font-remix on It’s Nice That👀
This was a project that I truly believe in(and I rarely say that), not because of what it is now but because of the potential it stands for and what it inspires me to keep exploring. (And the connections and conversations that happened because of it!) It means a lot to me to to see it recognized and spark so much curiosity.
Thanks @olivia_hingley for the words!

More of this...
Font-remix is a web-based experiment that proposes the process of configuring letter forms at runtime and generating a customized font file for download. Using opentype.js and performing boolean operations on the vector letterforms, two open source typefaces are combined according to a set of grids. Designed and coded by me.

More of this...
Font-remix is a web-based experiment that proposes the process of configuring letter forms at runtime and generating a customized font file for download. Using opentype.js and performing boolean operations on the vector letterforms, two open source typefaces are combined according to a set of grids. Designed and coded by me.

More of this...
Font-remix is a web-based experiment that proposes the process of configuring letter forms at runtime and generating a customized font file for download. Using opentype.js and performing boolean operations on the vector letterforms, two open source typefaces are combined according to a set of grids. Designed and coded by me.

More of this...
Font-remix is a web-based experiment that proposes the process of configuring letter forms at runtime and generating a customized font file for download. Using opentype.js and performing boolean operations on the vector letterforms, two open source typefaces are combined according to a set of grids. Designed and coded by me.
Generated fonts in use :-)
Font-remix is a web-based experiment that proposes the process of configuring letter forms at runtime and generating a customized font file for download. Using opentype.js and performing boolean operations on the vector letterforms, two open source typefaces are combined according to a set of grids. Designed and coded by me.
DM for a beta link if interested:-)
Just documentation of the latest iteration of this thing.
Font-remix is a web-based experiment that explores the process of configuring letter forms at runtime and generating a customized font file for download. Using opentype.js and performing boolean operations on the vector letterforms, two open source typefaces are combined according to a set of grids. Designed and coded by me.
DM for a beta link if anyone’s interested:-)
Story-save.com is an intuitive online tool that enables users to download and save a variety of content, including stories, photos, videos, and IGTV materials, directly from Instagram. With Story-Save, you can not only easily download diverse content from Instagram but also view it at your convenience, even without internet access. This tool is perfect for those moments when you come across something interesting on Instagram and want to save it for later viewing. Use Story-Save to ensure you don't miss the chance to take your favorite Instagram moments with you!
Avoid app downloads and sign-ups, store stories on the web.
Stories Say goodbye to poor-quality content, preserve only high-resolution Stories.
Devices Download Instagram Stories using any browser, iPhone, Android.
Absolutely no fees. Download any Story at no cost.