cheeaun, to random
@cheeaun@mastodon.social avatar

Minimal warning + hints for too-large video/image files. Possibly could resize/compress in-browser but there's memory pressure issue for too-large files, especially on mobile browsers. Will revisit later. The copy is probably too technical.

Notes:

Demo of warnings shown for too-large media uploads. First is a video file that exceeded the file size limit set by the Mastodon instance. Second is an image file that exceeded the dimension limit.

cheeaun, to random
@cheeaun@mastodon.social avatar

Little adjustments to the composer, now available for testing on

  • Allow minimize composer, useful for temporarily stashing it aside, especially on PWA where the composer can't pop out to another window. Should work even while posting to the server (loading state).
  • Add 'More…' in custom emoji suggestion list to open the extended Custom Emojis picker UI.
  • Add 'More…' in mentions list to open extended Accounts picker UI.

Possibly still buggy. Feedback welcomed 🙇‍♂️

Demo of the composer on Phanpy, showing how it can be popped out to another window, then popped back in. It can also be minimized. The new 'More…' menu is also shown from the custom emojis and mentions auto-suggestion list while typing. Clicking the menu will open the extended UI for further picking custom emojis or mentions.

cheeaun, to random
@cheeaun@mastodon.social avatar

I understand the reasoning, but this gave me a good laugh 😂: "I sometimes read at my standing-desk while brushing my teeth which leaves me with only one hand." https://github.com/cheeaun/phanpy/issues/542

cheeaun, to random
@cheeaun@mastodon.social avatar

What the 😅 https://github.com/cheeaun/phanpy/issues/505

The published date is -0001-11-30T00:00:00.000Z 🤦‍♂️🤦‍♂️🤦‍♂️

cheeaun, (edited ) to random
@cheeaun@mastodon.social avatar

Spent too much time on this. I would call this a media-first UI experience (IG, Pixelfed). Only on my local

Screenshots for before and after.

cheeaun,
@cheeaun@mastodon.social avatar

Current progress: Pixelfed web vs Phanpy.

Most photos/images look really good on Pixelfed, so following pixelart hashtag could be an edge case, possibly unfair comparison, as some images can be smaller. The carousel UI is probably useless too since all of the images can fit in, but oh well 🤷‍♂️

On Phanpy, some existing features are preserved for this media-first UI including followed hashtag indicator and 'ALT' badge.

(still local dev)

Demo browsing images on the timeline on Pixelfed web, with "Compact media previews".
Demo browsing images on the timeline on still-under-development Phanpy.

cheeaun,
@cheeaun@mastodon.social avatar

Now deployed on (dev.phanpy.social). Media-first UI experience only kicks in for account log-ins. Basic features work, except:

  • Local and Federated timeline show the same thing
  • Trending, Bookmarks, Reply, Lists, and Filters don't work
  • Notifications page showing duplicate notifications

The rest needs more testing 🙏, though I'm not sure how much feature-detection can be done to hide unsupported features.

Demo: browsing the local timeline from pixelfed.social, with my thumb scrolling down the timeline and swiping the carousel of images.

expert, to mastodon
@expert@attractive.space avatar

I think @phanpy is one of the best Mastodon apps.

You want to quote posts? Try Phanpy.

You want a Twitter-like expirience? Try Phanpy.

You want to have GIF support and you're not an Apple user? Try Phanpy.

You want to think less about writing ALT text for attachments? Try Phanpy.

Dev version: https://dev.phanpy.social (has GIF support and generates ALT text)

Stable version: https://phanpy.social (no gif support/alt text generation)

cheeaun, to random
@cheeaun@mastodon.social avatar

Alrighty, MVP-ish implementation of Mastodon's v4.3 (nightly)'s Filtered Notifications.

cheeaun, to random
@cheeaun@mastodon.social avatar

Wondering if a no-CSS + no-JS embed code would be useful or make sense? 🤔

(not on dev site yet)

Demo of Embed code functionality on Phanpy, that shows a modal that renders the embed HTML code for a post.

cheeaun, to random
@cheeaun@mastodon.social avatar

lol am I like over-designing this? 😂

I need a way to test this but I don't have a Mastodon server for testing. Don't really want to send random test reports to other instance admins 😬

Not on dev site yet, still on my local dev.

Demo of the new "Report Post" dialog on Phanpy.

cheeaun,
@cheeaun@mastodon.social avatar

Latest iteration. Rubber stamp got a bit more detailed and texture.

On dev site now (not production)

Digital stamp overlay with the word "SPAM" on top of text. Below that word, there's a sentence "Pending Review".

cheeaun, to random
@cheeaun@mastodon.social avatar

This is probably too hacky but can't help trying it out. Phanpy's shortcuts settings are saved as (private) notes on my own profile, which will allow export/import in the "cloud".

It's possible to use the API to add notes for other profiles, and they're hidden from (self, currently-logged-in) own profile. I'm using it to store data 🤪

NOT available on the dev site yet, still on my local machine.

#PhanpySocialDev #MastoDev

Demo of the "cloud" import/export feature for Shortcuts Settings on Phanpy.

mdione,
@mdione@en.osm.town avatar

@cheeaun are and 'official' tags? Inhave seen mostly being used...

cheeaun, to mastodon
@cheeaun@mastodon.social avatar

Been trying this out secretly for the past few weeks — a "catch-up" timeline page. Did whole bunch of iterations, where I myself is the guinea pig, but this time reaching a point where I just got to share it out in the public.

  • NOT final design, still very experimental, only on my local machine
  • Instead of algo timeline, this is focused on data-grid-like UI for configuring exactly what I want to see.
  • This honestly could be another full-fledged app/client by itself 🫠

Demo of Catch-up page where it shows the Home/Following timeline with configurable filters and sort options.

cheeaun,
@cheeaun@mastodon.social avatar

After a while, my usage slowly leaning towards this: grouping by authors. Feels refreshing browsing it this way. Faster to scan too.

Oh yeah, this is how it looks like on wider viewport. Kinda email-like.

(not available on dev site yet)

Demo of Catch-up timeline on Phanpy, showing all posts by multiple authors, grouped by authors.

cheeaun,
@cheeaun@mastodon.social avatar

Not sure where to put these, so experimentally placing them at the top for now, reusing the styles from trending news in Trending page. It's based on the post's card so some links are actually "quote posts" 😬

(not on dev site yet)

Demo of "Top Links" on Phanpy's Catch-up page. It shows a carousel of links shared by followings, expandable at the top of the page.

cheeaun,
@cheeaun@mastodon.social avatar

🤫 Quietly dropped on dev site . Feedback/bug reports welcomed 🙇‍♂️

Cool to see @laurenshof the first one to post about it https://indieweb.social/@laurenshof/111997146906858162

cheeaun,
@cheeaun@mastodon.social avatar

An experiment that I wanted to try: sort by post density — give a chance for short posts to shine among the attention-grabbing ones. Let's see how it works 🤞

Sort by "Density" option in Phanpy's Catch-up page. Shorter, "less-dense" posts can be sorted to top, vice versa.

cheeaun,
@cheeaun@mastodon.social avatar
cheeaun, to random
@cheeaun@mastodon.social avatar
cheeaun,
@cheeaun@mastodon.social avatar

Also, MVP-ish followed hashtag indicator feature on

Battle_Masker, to random
@Battle_Masker@mstdn.party avatar

Question about Phanpy. I can't seem to find an option to block/mute users when using it. Is it there or has it not been implemented yet?

cheeaun, to webdev
@cheeaun@mastodon.social avatar

😳 I think there's a moment in when you cross over between building a cool web app, getting inspired by @bramus 's scroll-driven animation demos and creating trippy-looking UI's.

(local dev, not on dev site)

Hashtag page on Phanpy, showing media posts tagged as , showing images that animate their intrinsic alignment (object-position in CSS) while scrolling down the list.

cheeaun,
@cheeaun@mastodon.social avatar

Subtle that no one should notice 🫣

Phanpy's profile page for @cheeaun. The navigation header UI doesn't show any heading, but will fade in when scrolled down. It'll show "Chee Aun 🤔 @cheeaun"
Phanpy's profile sheet UI. When scrolled down, the profile banner image will fade out and get blurred, the avatar will shrink to a smaller size, the header will show a bottom border with drop shadow.

cheeaun, to random
@cheeaun@mastodon.social avatar

Hmm I probably test the new media gallery layout on so much that now all media images don't load 😂 — probably rate-limited? 🤔

They load when I use another browser though 🤷‍♂️

cheeaun, to random
@cheeaun@mastodon.social avatar

Very early sneak-peek experiment, still on my local dev, NOT dev site. Might stash it away if it's too much effort.

Use-cases not handled (yet):

  • Filtered posts
  • Sensitive media
  • Need next/prev nav in media modal, on top of existing next/prev of multiple media in a post, else user will need to click on a media one-by-one
  • Aspect ratio?
  • Audio-only media looks weird here
  • Customizable grid dimension? 😩
  • Masonry layout instead? 😩

cheeaun,
@cheeaun@mastodon.social avatar

Testing on dev now 🤞

  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • slotface
  • ngwrru68w68
  • everett
  • mdbf
  • modclub
  • rosin
  • khanakhh
  • DreamBathrooms
  • thenastyranch
  • magazineikmin
  • Youngstown
  • GTA5RPClips
  • InstantRegret
  • provamag3
  • kavyap
  • ethstaker
  • osvaldo12
  • normalnudes
  • tacticalgear
  • cisconetworking
  • cubers
  • Durango
  • Leos
  • anitta
  • tester
  • megavids
  • lostlight
  • All magazines