Instagram Logo

lorrr.l

lorraine li

brooklyn. from xiamen.
makes arguably useful things

40
posts
2.6K
followers
1.7K
following

(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.


58
3
3 days ago


(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.


58
3
3 days ago

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)


67
4
3 days ago

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)


67
4
3 days ago

18
6 months ago

18
6 months ago

18
6 months ago

18
6 months ago


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


103
2
6 months ago

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


76
1
6 months ago

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


76
1
6 months ago

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


76
1
6 months ago

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


76
1
6 months ago

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


76
1
6 months ago

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


76
1
6 months ago


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


76
1
6 months ago

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


29
6 months ago

(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


63
3
2 years ago

(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


63
3
2 years ago

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


140
6
3 years ago

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


140
6
3 years ago


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


140
6
3 years ago

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


140
6
3 years ago

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


140
6
3 years ago

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


140
6
3 years ago

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


140
6
3 years ago

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


140
6
3 years ago

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


140
6
3 years ago

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!


216
14
3 years ago

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!


216
14
3 years ago

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.


185
3
4 years ago

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.


185
3
4 years ago

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.


185
3
4 years ago

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.


185
3
4 years ago

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:-)


118
7
4 years ago

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:-)


136
4
4 years ago


Story Save - Best free tool for saving Stories, Reels, Photos, Videos, Highlights, IGTV to your phone.

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!

Our advantages:

No Need to Register

Avoid app downloads and sign-ups, store stories on the web.

Exclusive High-Quality

Stories Say goodbye to poor-quality content, preserve only high-resolution Stories.

Accessible on All

Devices Download Instagram Stories using any browser, iPhone, Android.

Completely Free to Use

Absolutely no fees. Download any Story at no cost.

Frequently Asked Questions

The Instagram Stories Download feature is designed to provide a secure and high-quality method for downloading Instagram stories. It's user-friendly and doesn't require users to register or sign up. Simply copy the link, paste it, and enjoy the content.
Downloading Instagram stories is a simple process that involves three steps:
  • 1. Go to the Instagram Story Downloader tool.
  • 2. Next, type the username of the Instagram profile into the provided field and click on the Download button.
  • 3. You'll then see all the Stories that are available for the current 24-hour period. Select the ones you want and hit Download.
The selected story will be swiftly saved to your device's local storage.
Unfortunately, it is not possible to download stories from private accounts due to privacy restrictions.
There is no limit to the number of times you can use the Instagram story download service. It's available for unlimited use and is completely free.
Yes, it is legal to download and save Instagram Stories from other users, provided they are not used for commercial purposes. If you intend to use them commercially, you must obtain permission from the original content owner and credit them each time the story is used.
All downloaded stories are typically saved in the Downloads folder on your computer, whether you're using Windows, Mac, or iOS. For mobile devices, the stories are saved in the phone's storage and should also appear in your Gallery app immediately after download.