Jonas Pelzer
@pelzer.bsky.social
Designer & developer, check jonaspelzer.com
Pinned
Jonas Pelzer
@pelzer.bsky.social
· Nov 21
Bluesky friends! Please check out my website builder temper.one, my web design gallery collected.li, and my type foundry jonastype.com! ✌️
iframetest.com, useful in combination with getslideframe.com
iFrame Tester Gator - Test Embeddability & Bypass Restrictions
Simple tool to test iframe embedding compatibility by visual inspection.
iframetest.com
February 4, 2026 at 11:51 AM
iframetest.com, useful in combination with getslideframe.com
Reposted by Jonas Pelzer
🚨 Bad news: Active development of slideFrame has been discontinued.
✅ Good news: It’s now open source!
Check out the live demo, explore the code, and fork it → getslideframe.com
✅ Good news: It’s now open source!
Check out the live demo, explore the code, and fork it → getslideframe.com
slideFrame – Open External Links, Internally.
Open external links in a dynamic overlay on your website. Easy to integrate, customizable with JS and CSS, and open source.
getslideframe.com
February 2, 2026 at 2:24 PM
🚨 Bad news: Active development of slideFrame has been discontinued.
✅ Good news: It’s now open source!
Check out the live demo, explore the code, and fork it → getslideframe.com
✅ Good news: It’s now open source!
Check out the live demo, explore the code, and fork it → getslideframe.com
In this context, I’ve also updated this highly irrelevant but fun side project from over 10 years ago: isittimeforanap.com
IS IT TIME FOR A NAP?
IT'S ALWAYS TIME FOR A NAP!
isittimeforanap.com
February 2, 2026 at 3:00 PM
In this context, I’ve also updated this highly irrelevant but fun side project from over 10 years ago: isittimeforanap.com
The live demo now shows a randomized rotation of some of my side projects.
February 2, 2026 at 2:57 PM
The live demo now shows a randomized rotation of some of my side projects.
🚨 Bad news: Active development of slideFrame has been discontinued.
✅ Good news: It’s now open source!
Check out the live demo, explore the code, and fork it → getslideframe.com
✅ Good news: It’s now open source!
Check out the live demo, explore the code, and fork it → getslideframe.com
slideFrame – Open External Links, Internally.
Open external links in a dynamic overlay on your website. Easy to integrate, customizable with JS and CSS, and open source.
getslideframe.com
February 2, 2026 at 2:24 PM
🚨 Bad news: Active development of slideFrame has been discontinued.
✅ Good news: It’s now open source!
Check out the live demo, explore the code, and fork it → getslideframe.com
✅ Good news: It’s now open source!
Check out the live demo, explore the code, and fork it → getslideframe.com
Handy tool for creating invoices in the browser → invoice.cc
Haven’t tested it in real-world situations, especially when it comes to German bureaucracy, but still cool.
Haven’t tested it in real-world situations, especially when it comes to German bureaucracy, but still cool.
Invoice.cc
A free tool for creating invoices online
invoice.cc
February 2, 2026 at 12:23 PM
Handy tool for creating invoices in the browser → invoice.cc
Haven’t tested it in real-world situations, especially when it comes to German bureaucracy, but still cool.
Haven’t tested it in real-world situations, especially when it comes to German bureaucracy, but still cool.
Cool use of temper.one: Gamestorm Collective uses my page builder as a foundation for their website and builds on top of it.
→ gamestormcollective.org
→ gamestormcollective.org
temper — Build your personal web page in seconds
Simply enter your content and adjust the design to match your style!
temper.one
February 2, 2026 at 11:57 AM
Cool use of temper.one: Gamestorm Collective uses my page builder as a foundation for their website and builds on top of it.
→ gamestormcollective.org
→ gamestormcollective.org
Thanks, Greg! Would love to see what you do with it! 😊
February 1, 2026 at 6:25 PM
Thanks, Greg! Would love to see what you do with it! 😊
Hey devs! 👋 slideFrame, my tiny JS + CSS snippet for opening external links in a dynamic overlay, is now open source. Check it out and fork it → getslideframe.com
slideFrame – Open External Links, Internally.
Enhance your website’s user experience and reduce its bounce rate by opening external links in a dynamic content overlay.
getslideframe.com
January 30, 2026 at 3:30 PM
Hey devs! 👋 slideFrame, my tiny JS + CSS snippet for opening external links in a dynamic overlay, is now open source. Check it out and fork it → getslideframe.com
When I posted this, I realized there was no way to only link to Fictional uses within my gallery, so I added a little filter function now: jonastype.com/gallery?type...
January 28, 2026 at 5:25 PM
When I posted this, I realized there was no way to only link to Fictional uses within my gallery, so I added a little filter function now: jonastype.com/gallery?type...
I really didn’t foresee this when designing the typeface, but Fictional and children’s books just seem to be a match made in heaven
More examples here → jonastype.com/gallery
More examples here → jonastype.com/gallery
January 28, 2026 at 3:18 PM
I really didn’t foresee this when designing the typeface, but Fictional and children’s books just seem to be a match made in heaven
More examples here → jonastype.com/gallery
More examples here → jonastype.com/gallery
Lovely use of my Fictional typeface: Céleste Gigaudaut designed a children’s paperback book collection for her studies at Gobelins Paris
Get Fictional here → jonastype.com/fictional
Get Fictional here → jonastype.com/fictional
January 28, 2026 at 3:07 PM
Lovely use of my Fictional typeface: Céleste Gigaudaut designed a children’s paperback book collection for her studies at Gobelins Paris
Get Fictional here → jonastype.com/fictional
Get Fictional here → jonastype.com/fictional
Submissions are open again on collected.li
January 26, 2026 at 6:01 PM
Submissions are open again on collected.li
Clarification: I don’t use Tailwind. By utility classes, I mean custom utility classes written in vanilla CSS.
Class naming in HTML/CSS: I like utility classes, and I’ve been leaning more towards a utility-class-first approach lately. Combining this with a BEM-inspired system for specific blocks works really well for me. #frontend
January 23, 2026 at 10:49 AM
Clarification: I don’t use Tailwind. By utility classes, I mean custom utility classes written in vanilla CSS.
Absolutely! It’s good, but the intended strictness doesn’t work for me. Naming every single deep-nested element, even if it would be easier to address it by [parent class > tag name] isn’t practical for me.
January 23, 2026 at 9:38 AM
Absolutely! It’s good, but the intended strictness doesn’t work for me. Naming every single deep-nested element, even if it would be easier to address it by [parent class > tag name] isn’t practical for me.
BEM-inspired means: I like organizing elements into blocks, elements, and modifiers, and I like to have a consistent naming system. I don’t like the idea of mindlessly applying this system to every single element, and I don’t like using underscores in class names.
January 23, 2026 at 9:31 AM
BEM-inspired means: I like organizing elements into blocks, elements, and modifiers, and I like to have a consistent naming system. I don’t like the idea of mindlessly applying this system to every single element, and I don’t like using underscores in class names.
Class naming in HTML/CSS: I like utility classes, and I’ve been leaning more towards a utility-class-first approach lately. Combining this with a BEM-inspired system for specific blocks works really well for me. #frontend
January 23, 2026 at 9:29 AM
Class naming in HTML/CSS: I like utility classes, and I’ve been leaning more towards a utility-class-first approach lately. Combining this with a BEM-inspired system for specific blocks works really well for me. #frontend
Reposted by Jonas Pelzer
🔤 Indicate Mono — Jonas Type
Nice WIP Pay-what-you-want monotype font that’s worth checking out.
Nice WIP Pay-what-you-want monotype font that’s worth checking out.
November 30, 2023 at 5:58 AM
🔤 Indicate Mono — Jonas Type
Nice WIP Pay-what-you-want monotype font that’s worth checking out.
Nice WIP Pay-what-you-want monotype font that’s worth checking out.
I designed and built the website for the MA Studio Speculative Software.
The studio is part of the Master of Arts in Design at Fachhochschule Potsdam, dedicated to exploring and designing creative, experimental software user interfaces.
→ interface.fh-potsdam.de/ma-speculati...
The studio is part of the Master of Arts in Design at Fachhochschule Potsdam, dedicated to exploring and designing creative, experimental software user interfaces.
→ interface.fh-potsdam.de/ma-speculati...
MA Studio Speculative Software @ FH Potsdam Design
The Master Studio Speculative Software is dedicated to the design and exploration of creative, experimental software user interfaces.
interface.fh-potsdam.de
January 22, 2026 at 11:30 AM
I designed and built the website for the MA Studio Speculative Software.
The studio is part of the Master of Arts in Design at Fachhochschule Potsdam, dedicated to exploring and designing creative, experimental software user interfaces.
→ interface.fh-potsdam.de/ma-speculati...
The studio is part of the Master of Arts in Design at Fachhochschule Potsdam, dedicated to exploring and designing creative, experimental software user interfaces.
→ interface.fh-potsdam.de/ma-speculati...
January 21, 2026 at 8:41 AM
It keeps all the warmth and personality of the regular style, but fits more text in less space.
Available at WIP conditions: pay what you think is fair, starting from €10 per style.
Available at WIP conditions: pay what you think is fair, starting from €10 per style.
January 20, 2026 at 11:14 AM
It keeps all the warmth and personality of the regular style, but fits more text in less space.
Available at WIP conditions: pay what you think is fair, starting from €10 per style.
Available at WIP conditions: pay what you think is fair, starting from €10 per style.
🔠 Introducing Indicate Mono Condensed, the second style of my monospace typeface in ongoing development.
→ jonastype.com/indicate-mono
→ jonastype.com/indicate-mono
January 20, 2026 at 11:14 AM
🔠 Introducing Indicate Mono Condensed, the second style of my monospace typeface in ongoing development.
→ jonastype.com/indicate-mono
→ jonastype.com/indicate-mono
Reposted by Jonas Pelzer
Feed: "Fonts In Use – Type at work in the real world"
By: Jonas Pelzer on Thursday, November 27, 2025
By: Jonas Pelzer on Thursday, November 27, 2025
The Future Simulator
The Future Simulator is an immersive installation allowing visitors to make decisions on climate-related topics and experience the consequences for humanity.
It is part of the permanent exhibition Klima. Wissen. Handeln! (“Climate. Knowledge. Action!”) at Vienna Museum of Sc
fontsinuse.com
November 27, 2025 at 11:09 PM
Feed: "Fonts In Use – Type at work in the real world"
By: Jonas Pelzer on Thursday, November 27, 2025
By: Jonas Pelzer on Thursday, November 27, 2025
Reposted by Jonas Pelzer
Feed: "Fonts In Use – Type at work in the real world"
By: Jonas Pelzer on Friday, December 19, 2025
By: Jonas Pelzer on Friday, December 19, 2025
Grundschule Isestraße wayfinding
Studio Gourdin designed a wayfinding system for Grundschule Isestraße, a primary school in Hamburg, using Fictional.
The designers write:
Summer 2025 saw Grundschule Isestraße primary school open its doors in Hamburg-Harvestehude. The modernised, historical building offers a
fontsinuse.com
December 20, 2025 at 5:11 AM
Feed: "Fonts In Use – Type at work in the real world"
By: Jonas Pelzer on Friday, December 19, 2025
By: Jonas Pelzer on Friday, December 19, 2025