Built a fun detail into the new https://jaccobunt.com portfolio site: the navigation animates from a collage layout on the homepage to a clean top bar on subpages, using CSS view transitions.
Remote
Jonas Pelzer
@jonaspelzer@mastodon.social
mastodon
4.7.0-beta.1
Designer & Developer
0
Followers
0
Following
21
Posts
Joined August 17, 2018
Portfolio Website:
Type Foundry:
Website Builder:
Web Design Inspiration:
Posts
Replying to
@jonaspelzer@mastodon.social
My favorite part is the view transition between home and other pages
Just launched a portfolio site for illustrator Jacco Bunt → https://jaccobunt.com
Built with @getkirby@mastodon.social. Typeset in Indicate Mono, my WIP monospace typeface.
Just had an enlightenment about CSS View transitions. They are much more powerful than I thought AND much easier to use!
You really only have to give your element a unique view-transition-name. This has to be consistent across all pages the element appears on. That’s it!
Replying to
@tombinroth@mastodon.design
@tombinroth Yeah, it seems to be another one of those situations where AI creates more (unpaid) work instead of reducing it
Replying to
@Chrtz@mastodon.social
@Chrtz Don’t know if increased or decreased, but what I can say for sure is that no one is willing to pay for the scope of the initial brief. So there’s lots of adjustments necessary, and oftentimes collaboration already fails before this point.
Thinking about adding proportional numbers to my monospace font for maximum confusion
Observation: Some of the briefings I get sent for potential design/dev projects became much more extensive and detailed in the last 1–2 years, often including adjacent tasks that are not typically part of my service offering, and loads of nice-to-haves. I think this is AI influence.
If I quote according to all the demands in these briefings, the quote gets unrealistically high quickly. As a result, more communication work is needed nowadays to get to a realistic agreement for both sides.
Replying to
@jonaspelzer@mastodon.social
More information on the event here → https://bokomat.com
Get the typeface here → https://jonastype.com/scope
Nice to see Scope used throughout the BoKoMaT event for the second time! The colloquium took place in September 2025 at Ruhr University Bochum.
RE: @keithamus@indieweb.social
This is harder than you might think! But it’s a lot of fun.
My curated gallery of unconventional and inspiring web design just hit 5000 entries! 🥳
Check it out → https://collected.li
slideFrame in action for “ICF – Inclusion and Collaboration for the Future”, a collaborative project by Universität Erfurt and Hochschule Nordhausen offering an interactive digital platform to learn the WHO ICF framework.
Shoutout to my friend @Chrtz@mastodon.social, who adapted slideFrame’s functionality to also power internal content for this project. Great work! 👏
Explore ICF → https://icf-lernen.de
Get slideFrame (open source) → https://getslideframe.com
MA Speculative Software website on @FontsInUse@typo.social → https://fontsinuse.com/uses/74822/ma-studio-speculative-software
The @uclab_potsdam@vis.social website is now up for voting on Awwwards:
→ https://www.awwwards.com/sites/uclab
In case you missed it: I designed and developed the new website for UCLAB, which we launched last week to celebrate the lab’s 10th anniversary.
The ninety-ninety rule:
“The first 90 percent of the code accounts for the first 90 percent of the development time. The remaining 10 percent of the code accounts for the other 90 percent of the development time.”