Chee Aun 🤔

Product-1st Front-end Engineer, based in Singapore. Currently on a career break since July '22. Working on a Mastodon web client https://phanpy.social Phanpy (npub1lce…6aaz)

Why follow me: I have interests in #WebDev, #design, #DataViz, #Maps, #PublicTransport, #stickers & #anime. I usually post about my side projects, tech events, weird discoveries, and sometimes local news.

#fedi22 tfr #tech #JavaScript

Projects: https://cheeaun.com/projects
GitHub: https://github.com/cheeaun
:thinking_face: :catjam:: 🤔 🐱 [TEST :thinking_face: :catjam: ]

Public Key

npub1j2m3l7kg9n3xd30206fjmx4tvpqsx3kkk0meage4rlgu735znc9snwngt0

NIP-05 Address

cheeaun_at_mastodon.social@momostr.pink

Profile Code

nprofile1qqsf9dclltyzecnxch48ayedn24kqsgrgmtt8au75v63l5w0g6pfuzcpz3mhxue69uhhyetvv9ujuerpd46hxtnfduqs6amnwvaz7tmwdaejumr0dspphv4l

Publishing to

relay.damus.io

nos.lol

Author Public Key

npub1j2m3l7kg9n3xd30206fjmx4tvpqsx3kkk0meage4rlgu735znc9snwngt0

Show more details

Published at

2024-08-09T05:12:21Z

Kind type

0 Metadata

Event JSON

{ "id": "398a817949f9661d5f9176e46f10bb5ec10758e5bbea97282140c8ad24dfc635", "pubkey": "92b71ffac82ce266c5ea7e932d9aab60410346d6b3f79ea3351fd1cf46829e0b", "created_at": 1723180341, "kind": 0, "tags": [ [ "emoji", "catjam", "https://files.mastodon.social/custom_emojis/images/000/224/097/original/d9c5e447581399a9.gif" ], [ "t", "javascript" ], [ "t", "anime" ], [ "t", "dataviz" ], [ "t", "tech" ], [ "t", "design" ], [ "t", "webdev" ], [ "t", "stickers" ], [ "t", "maps" ], [ "t", "publictransport" ], [ "t", "fedi22" ], [ "proxy", "https://mastodon.social/users/cheeaun", "activitypub" ], [ "L", "pink.momostr" ], [ "l", "pink.momostr.activitypub:https://mastodon.social/users/cheeaun", "pink.momostr" ], [ "-" ] ], "content": "{\"name\":\"Chee Aun 🤔\",\"about\":\"Product-1st Front-end Engineer, based in Singapore. Currently on a career break since July '22. Working on a Mastodon web client https://phanpy.social nostr:npub1lcerlagv78hk89grm7av7448l7yz87myxj3xtrnhwaxnx7zk7rhqjh6aaz\\n\\nWhy follow me: I have interests in #WebDev, #design, #DataViz, #Maps, #PublicTransport, #stickers \u0026 #anime. I usually post about my side projects, tech events, weird discoveries, and sometimes local news.\\n\\n#fedi22 tfr #tech #JavaScript\\n\\nProjects: https://cheeaun.com/projects\\nGitHub: https://github.com/cheeaun\\n:thinking_face: :catjam:: 🤔 🐱 [TEST :thinking_face: :catjam: ]\\n\",\"website\":\"https://mastodon.social/@cheeaun\",\"picture\":\"https://files.mastodon.social/accounts/avatars/000/042/049/original/574ed7bfacb54cba.jpeg\",\"banner\":\"https://files.mastodon.social/accounts/headers/000/042/049/original/8f9b8bb3ee1a8063.jpg\",\"nip05\":\"cheeaun_at_mastodon.social@momostr.pink\"}", "sig": "e1b497884cd134523caaab2710f2ab2bc09b3027ef582ffd3a5c4d390f4de2df962ebe931c52f756ca916d50b7246f46101207183ff77986d6d5ef758cb97bfb" }

Last Notes

2024-08-09 15:34:49

Sneak peek on what's coming up for #PhanpySocialDev
#i18n #localization #PseudoLocalization
https://files.mastodon.social/media_attachments/files/112/932/794/302/684/426/original/4ae3e680626e6a29.png
https://files.mastodon.social/media_attachments/files/112/932/794/292/397/518/original/5b10e51f0c41564a.png
https://files.mastodon.social/media_attachments/files/112/932/794/290/269/389/original/0a18bda60412c188.png
https://files.mastodon.social/media_attachments/files/112/932/794/304/903/439/original/bdc352e941e526a4.png

2024-08-07 14:32:43

Interesting to see TikTok's Safety Center page: https://web-sg.tiktok.com/safety/en
There's a whole bunch of topics such as:
- Bullying protection: https://web-sg.tiktok.com/safety/en/bullying-prevention
- Countering Hate Speech & Behavior https://web-sg.tiktok.com/safety/en/countering-hate
Here's more from other sites:
- Meta: https://about.meta.com/actions/safety/
- X: https://help.x.com/en/safety-and-security
- Instagram: https://about.instagram.com/safety
https://files.mastodon.social/media_attachments/files/112/921/225/500/325/709/original/98bf5b8d0de07cb9.png
https://files.mastodon.social/media_attachments/files/112/921/225/488/376/702/original/816d422150a00674.png

2024-08-05 02:12:17

- reply

seems like a few relevant issues here https://github.com/LawnchairLauncher/lawnchair/issues/4188 🤔

2024-07-31 11:22:37

#TIL Material Design (Material 3) actually has a full page dedicated to "How to write great alt text" https://m3.material.io/foundations/content-design/alt-text
#AltText

2024-07-30 12:06:32

- reply

should be new norm if you want to support RTL locales.

2024-07-30 11:43:32

- reply

Great 🤦‍♂️
https://files.mastodon.social/media_attachments/files/112/875/265/469/167/286/original/c404bff041e5f582.png

2024-07-29 14:55:24

the what `border-start-start-radius` https://developer.mozilla.org/en-US/docs/Web/CSS/border-start-start-radius
#CSS #LogicalProperties

2024-07-29 10:42:07

- reply

🤔 the 'Read more' button doesn't show up for you? Is it still cropped if you refresh the page?

2024-07-17 16:56:35

- reply

kinda relevant context: https://mastodon.social/@cheeaun/112721893441434571

2024-07-17 16:51:41

Wow reading this somehow makes me wanna cry 😭 https://www.notion.so/blog/how-we-sped-up-notion-in-the-browser-with-wasm-sqlite (via HN https://news.ycombinator.com/item?id=40949489)
- "Using SQLite improved page navigation times by 20 percent in all modern browsers."
- "Multiple tabs might be open, and each tab had a dedicated Web Worker that had an active connection to the SQLite database."
- "we loaded WASM SQLite completely asynchronously and ensured that it didn’t block the page load."
#FrontEnd

2024-07-12 12:24:42

Trying to document #PhanpySocial 's notifications grouping logic 🔔
https://files.mastodon.social/media_attachments/files/112/773/502/070/743/031/original/bf067547deeb94f4.png

2024-07-10 14:04:55

😏😏
https://mastodon.online/@IceCubesApp/112762543592307293

2024-06-19 16:10:17

39.

2024-06-18 12:10:16

✅ Saw Threads API announcement https://www.threads.net/@mosseri/post/C8WaVxRO3oH
✅ Read the docs https://developers.facebook.com/docs/threads
✅ Tried Threads API via sample app https://github.com/fbsamples/threads_api
✅ After a few debugging and clicking many buttons, made a post from the API https://www.threads.net/@cheeaun/post/C8Wyuc3qu-6
✅ Found typo in sample app repo doc, made a PR https://github.com/fbsamples/threads_api/pull/1
That's all, for now.
https://files.mastodon.social/media_attachments/files/112/637/549/785/520/323/original/f6ea48be98e176b8.png
https://files.mastodon.social/media_attachments/files/112/637/549/755/064/288/original/745664aa60147fe6.png
https://files.mastodon.social/media_attachments/files/112/637/549/750/818/564/original/21d5a1a2d7020926.png

2024-06-15 14:48:08

While the Mastodon devs are working hard on grouped notifications (https://oisaur.com/@renchap/112617007803967168), I took a separate route to whip up a WIP UI on Phanpy for "timeline of public posts about a trending link" https://github.com/mastodon/mastodon/pull/30381
Notes:
- This is for upcoming v4.3 (not out yet)
- The copywriting here is tough, settled on "Mentions" for now
- Permalink can't be created for each link as the link can "expire" from trending
#PhanpySocialDev (still on my local dev, not dev site)
https://files.mastodon.social/media_attachments/files/112/621/183/445/532/979/original/903a1e430bcffd52.mp4

2024-06-14 10:27:10

- reply

I thought about this too but still haven't look into how to design it or might need to change the current design.
@npub1feu…kh5l already have this https://mastodon.social/@rodentapp/112158543494489963

2024-06-14 10:23:04

- reply

yeah, there's a lot of icon sets out there. Main concern would be file size. Phanpy uses an iconset called MingCute. Only used icons are downloaded and cached, not the whole set (2K+ icons 🫣).
If want to MVP this, emojis would be easier 😂 - though the next problem would be syncing as Phanpy can't sync settings across devices yet.

2024-06-14 10:12:09

- reply

tag groups with custom icons?
The icons have to come from somewhere tho'. IceCubes (and all other iOS apps) can use the system's built-in SF Symbol icons.

2024-06-10 14:25:05

From the beginning, Phanpy consists of UI ideas from many various apps.
#PhanpySocialDev now has a small new UI experiment, copied from an app that I think some folks don't know: Weverse, a K-pop fan platform. Multiple media attachments won't be in a grid layout when opened in the post view. That's it.
#UX #Design
https://files.mastodon.social/media_attachments/files/112/592/781/257/356/347/original/b3795e9d7a869352.mp4

2024-06-06 16:19:39

- reply

there's Tangerine by @npub15m6…mp9u https://github.com/nileane/TangerineUI-for-Mastodon and Bird UI by @npub1zdf…6u9l https://github.com/ronilaukkarinen/mastodon-bird-ui

2024-06-05 11:32:54

- reply

you can opt for the non-techie way, use your phone to video record the screen 🫣

2024-06-05 11:27:44

- reply

got a video/screen recording? 🤔

2024-06-04 05:27:24

- reply

Poll results from #Threads (within my circle, algo-biased) https://www.threads.net/@cheeaun/post/C7nclMOSnu9
https://files.mastodon.social/media_attachments/files/112/556/693/351/424/822/original/17a13c062d882b58.png

2024-06-03 11:36:16

#PhanpySocial changelog ✨
⬇️ Allow minimize composer https://mastodon.social/@cheeaun/112502500959822353
⚠️ Subtle warning if media file size or dimensions are too large https://mastodon.social/@cheeaun/112512838876542558
🗣️ Experimental client-side language detection for unspecified-language posts and composer. 80 to ~95% accuracy, 24 languages, trained dataset from Tatoeba & UDHR, 34KB gzip, powered by TinyLD (light) https://github.com/komodojp/tinyld
🐛 Bug fixes
🔗 https://phanpy.social/
💬 https://matrix.to/#/%23phanpy:matrix.org

2024-06-02 16:45:24

- reply

no, plain text, then back-end process it and returns HTML.
I think only Mastodon Glitch or some non-Mastodon ones support Markdown.

2024-06-02 16:30:19

- reply

footnotes yes, not sure if github flavored markdown or standard tho'; reference https://github.blog/changelog/2021-09-30-footnotes-now-supported-in-markdown-fields/

2024-06-02 16:20:05

- reply

might as well just support markdown right 😆

2024-06-02 13:22:37

Wow just realised that Threads allow pinning a specific thread (a post with replies) on its multi-column UI. Huh, really?

2024-06-01 03:50:07

Curious to know, how many columns do you set up on apps/clients that allow multi-columns? (Mastodon advanced web interface, Ivory macOS, Mona macOS, @npub199g…cp59 , @npub1wlm…gju4 , @npub1rct…4vxe , #TheDesk , Phanpy )
#MastodonApps #FediverseClients #MastodonClients

2024-05-31 16:23:37

- reply

is it possible to share a screen recording?

2024-05-27 11:34:35

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:
- It's actually KiB, disguised as KB https://ux.stackexchange.com/questions/13815/files-size-units-kib-vs-kb-vs-kb
- New dimension suggestion is based on scaling factor √matrixLimit÷matrix where matrix = number of pixels (width × height)
#PhanpySocialDev
https://files.mastodon.social/media_attachments/files/112/512/838/642/826/230/original/561a900b8407f4d2.mp4

2024-05-25 15:45:31

Little adjustments to the composer, now available for testing on #PhanpySocialDev
- 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 🙇‍♂️
https://files.mastodon.social/media_attachments/files/112/502/500/651/367/925/original/451e34f8b4c897ab.mp4

2024-05-25 11:14:27

- reply

wait till IG enables federation maybe 🙈

2024-05-22 14:13:16

- reply

the URL comes from the backend API, there's no way to know if it's borked or not.
Regarding the interaction, are you expecting the link to open on Phanpy site instead of the original server site?
As for that account, judging from its site, seems like a bot? 🤔

2024-05-21 14:09:11

Screenshots comparing columns UI between Threads.net and Phanpy.social
#Threads #PhanpySocial
https://files.mastodon.social/media_attachments/files/112/479/472/659/044/443/original/30f4507677450400.png
https://files.mastodon.social/media_attachments/files/112/479/472/554/698/325/original/06c7e87647d23839.png

2024-05-20 11:36:09

- reply

it's just a lot of work, judging by reading the commit messages.

2024-05-18 10:21:43

- reply

GitHub has one https://github.com/github/relative-time-element

2024-05-18 09:44:33

- reply

It may not be the main reason but it's still a legit use-case, I think. Always interesting to learn how folks navigate things on their computers, though we can't really build everything for every single edge case.

2024-05-18 09:33:46

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
#PhanpySocialDev

2024-05-18 08:29:32

- reply

no problem. To be honest, your CSS code ain't uh… pretty 😂 `.card { margin-left: -40px }` is quite hacky lol

2024-05-18 08:22:58

- reply

oh ok, I just inspected.
https://files.mastodon.social/media_attachments/files/112/461/124/256/002/511/original/4aa14c4d8500b4e7.mp4

2024-05-18 07:42:13

- reply

the `a` is inline element?

2024-05-17 07:08:40

Threads algo promoted my post there to a reply guy 🤦‍♂️

2024-05-16 12:42:22

- reply

I'm aware of these two:
- 2019: https://chenhuijing.com/blog/friends-dont-let-friends-implement-dark-mode-alone/
- 2023: https://meyerweb.com/eric/thoughts/2023/01/16/minimal-dark-mode-styling/

2024-05-03 17:01:52

Niceee @npub18hc…2l55
https://mastodon.social/@trunksapp/112377957622535049
https://files.mastodon.social/media_attachments/files/112/378/230/082/931/144/original/6c785597326f4e5d.png

2024-04-20 11:45:02

- reply

huh, really?

2024-04-20 10:47:25

- reply

…and now, it's 47,872 😮📈

2024-04-18 09:51:29

😱 pixelfed.social has 47,775 custom emojis 🫠 https://emojos.in/pixelfed.social

2024-04-17 13:19:07

#PhanpySocial changelog ✨
📸 Media-first UI experience
- Only for [@pixelfed](https://mastodon.social/@pixelfed) accounts, for now.
- Still buggy, so need more feedback.
🎁 GIF picker (disabled by default)
🐛 Bug fixes
🔗 https://phanpy.social/
💬 https://matrix.to/#/%23phanpy:matrix.org
https://files.mastodon.social/media_attachments/files/112/286/756/744/928/439/original/1402c3dc4fe5a125.mp4

2024-04-15 02:14:28

Cool cool.
Always cool to even see and read this on my own app 😄
#PhanpySocial #HackerNews
https://files.mastodon.social/media_attachments/files/112/272/819/282/817/347/original/1d3c9ba1181b4b05.png