I think today I’ll try not to sleep

(#6pcl34q) @david@netbros.com That’s right, I’ll keep that in mind.

I’ll rely on you on looking for issues while working on the app. 👍

(#bg2vtbq) @prologic@twtxt.net Do you mean mouse over as interactions or what exactly?

To me hovers are mostly for visual feedback.

I too find them bothersome when they cover half screen with weird popups from mega menus for example.

(#7wdfdva) @mutefall@twtxt.net lmao something strange happened to the channel and they removed public preview of posts

(#ttofg7a) @ullarah@txt.quisquiliae.com When on my PC I’ll check it out too.

At first glance is the direction of the elements, is it made with flexbox? In that case it must be the flex direction.

(#bg2vtbq) @prologic@twtxt.net Since we’re in topic I would like to ask about the accessibility part for the pwa, I looked at the documentation of the polythene library and it seems well covered on that part, are there any particular additions that might be useful?

Usually there’s not much request at my office so I just focus on having the application decently organized on the HTML structure and allowing a good keyboard navigation but not much else.

(#ttofg7a) @ullarah@txt.quisquiliae.com It’s amazing! I have a friend who is into building with LEGO and have an entire room filled with miniature and not so miniatures. 😉

(#ttofg7a) @prologic@twtxt.net Don’t worry, leave it to us. 😜

(#ttofg7a) @prologic@twtxt.net The label get crushed on the right side of the image when opened.

I can’t help right now, but I’ll give a quick look once I’m on my PC later.

(#pvohbma) @prologic@twtxt.net I’m not sure, but this is the best I found on a quick search: PeerChat, if I remember correctly OwnCloud offer a chat plugin which is self hosted too.

Fun fact: I thought of making an app like that for fun just two days ago while chatting with a friend, never started since I didn’t really needed and was more of a toy project though. 😄

(#2kj5qta) @mutefall@twtxt.net Nice!

Waiting some more feedback from others.

Meanwhile I’ll be planning the app feature tree to manage the work.
#pwa

must start to learn social engineering again…

(#7wdfdva) @off_grid_living@twtxt.net I can’t say this is not much different. In Russia when you goes to public demonstrations made for liberty of minds, stopping the war, making free political prisoners and etc, u can get more then headache. u can get a some years in prison, repression and intimidation of your family (or just stealing family but this is purely Caucasian history). and also, mostly at public events, people are beaten to fractures and severe beatings.

police arresteed woman just for white paper

very ironically

(#2kj5qta) @thecanine@twtxt.net Yeah, I tried playing around for some variety, the first one is my favorite too, let’s see if someone else have any other idea.

(#2kj5qta) And here the mockups for the profile.

Three versions here too:

• A large version
  
• A smaller version
  
• A compact but more linear version + links as chips to make them smaller and more “clickable”
  

Feedback appreciated here too!
#pwa

(#2kj5qta) @thecanine@twtxt.net Going pure black with a light border should do the job, on the other too.

(#2kj5qta) Here I come with another mockup!

This time the feed/post layout, with three ideas:

• Focus on content
  
• Standard card with padding
  
• Flat full width post (with or without a card, not sure yet)
  

Hope to hear some feedback from you!
#pwa

(#2kj5qta) @thecanine@twtxt.net Yeah, if something is missing, me, you and everyone else can add anything they might need.

It’s true that it shares data with chrome since it IS chrome even if installed.

Using Cordova should fill the need of physically separate the app from the browser plus adding an API for native interactions and having more control on the output generated.

Still, the first step is to have the app working. 😜

(#2kj5qta) @thecanine@twtxt.net I’m more of a circle fan, but everything can be done, it could be a custom option.

Your concerns about switching to a webapp are not much to worry about if the PWA is made correctly, Here an example i made when building my ParcelJS setup for my office, if you select “Install App” from the tab options it will install like a normal app.

Also AppsGeyser simply wrap with a frame your website, a PWAs is not made that way.

To learn more on PWAs check this out.

(#2kj5qta) @carsten@yarn.zn80.net Everyone has it’s pain that can’t get free from…

Just don’t use them in personal projects! (btw i used Inkscape for mine).

(#2kj5qta) @carsten@yarn.zn80.net Yeah. I already know of it, but I think it’s dangerous if used without thinking.

I prefer doing a simple sketch by hand or stylized (like the one I shared) to avoid getting used to a style and then getting stuck to it on any iteration.

To me mockups should be to plan and understand how a pure interface works best and nothing more.

I compare designing then as playing with index cards, you shuffle them, fold them and overlap them.

This is something that those tools never helped me do easily.

(#2kj5qta) @prologic@twtxt.net Hope to see it soon. 😁

(#2kj5qta) @prologic@twtxt.net Nice. Yeah, let’s focus on that.

I also recall Google offering a section dedicated to publishing pure PWAs directly in the Play store but I’m not sure if it’s still there.

And also being a PWA could open the possibility of an iOS version too, I don’t own any Apple devices so can’t help there. 😎

(#2kj5qta) @prologic@twtxt.net Ooh. 😲

I didn’t know about the plan to replace Goryon, how do you manage to compile it for Play store and the others?

(#6uaf4fq) @ullarah@txt.quisquiliae.com On simplicity I meant. 🙃

(#6uaf4fq) @ullarah@txt.quisquiliae.com I first noticed on my phone on Chrome then on PC the issue was still there on Chromium on Linux.

I should expand on my definition of flexibility:

Regarding CSS, the general rules on CSS often seems complex but once I started using Suit CSS on plain projects (or BEM if you prefer) and CSS Modules with bundlers plus dropping any kind of framework, the only limitations became how CSS worked natively.

I also started using CSS Flexbox and CSS Grid for anything on layouts and all my problems vanished.

I also use CSS over JS for most of my interfaces, instead of replacing a section I just hide or move it with CSS allowing me to change many parts by just switching a simple class.

tired of sneezing

(#cyxy35q) hope one day i will find a solution using linux distributions

fuck xiaomi

(#i3po3ra) @prologic@twtxt.net Maybe having some kind of feature tree could help in defining how the project is structured?

(#vbpdcvq) @prologic@twtxt.net Hmm, if I post a message and then it’s gone when I reload the page, or if the message I replied to has gone, that’s definitely a bug from the UX point of view 😆 … but perhaps unavoidable in a distributed system. But since we’re both on the same pod, I don’t see why that’s an issue? Or is this pod itself running on some kind of distributed architecture?

(#tuizh4q) I guess I should go read the code before asking too many questions, but I’m a little puzzled why the same issues with a feed being huge don’t present an issue every time you want to poll for updates? Particularly with the apparent convention of the newest posts being at the bottom of the file.

As for pagination, sure, it can be hard, but why would it be harder in this case than in the cases where Yarn already does it?

(As for infinite scroll, if you have pagination on the server side already, it’s trivial on the client side. Yes you need JS of course, but not a lot)

(#6uaf4fq) @prologic@twtxt.net Thanks, glad to help! 👍

I have a soft spot for CSS for it’s simplicity and flexibility.

I’m not much of a UX/UI expert but I love searching for design and concepts and sometimes end up putting together fun ideas just for building something that “looks/feels nice”. 😎

(#tuizh4q) I also totally get whet you’re saying about a twtxt file potentially growing to be huge. I guess that, and the fact that it’s necessary to work around it with a significant caching architecture, is a major downside to the model of twtxt itself which I hadn’t considered.

(#tuizh4q) I’m clearly going to have to take a proper look at the code and get a feeling for the data architecture to understand this! From the outside I have to say if something as simple as “display all of a user’s posts” is impossible – especially when a twtxt file is literally a list of all of a user’s posts – it feels like some very strange architectural choices must have been made… but I am also well aware that a lot of painstaking thought by very clever people has gone into this, and I haven’t even looked at the code, so don’t mind me 😆

(#2kj5qta) @carsten@yarn.zn80.net Yeah, I looked up at a bunch of Twitter UI redesigns on Behance and Dribbble to understand how they tried to “improve” the app and took what felt nice to me for the #pwa

For me an ergonomic interface is very important and keeping in mind the various ways to use a touchscreen + the desktop interface, I kept the possibility of having multiple layouts to switch to the user’s liking.

(#2kj5qta) Here some mockups for the app layout and navigation, a bit better this time!

What do you guys think?
#pwa

rip insta in russia

(#fe55h2a) @carsten@yarn.zn80.net I checked it too, seems that it has a m.request that use the old XMLHttpRequest but expose a fetch style API by wrapping it in a Promise.

Here the doc page for reference

(#6uaf4fq) @ullarah@txt.quisquiliae.com Fantastic, It feels so comfy!

Just one issue i noticed, on mobile the first button .replyBtn have the ::after element under the icon pushing the label.

It seems to fix if you use:

.replyBtn .ti {
    white-space: pre;
}

https://www.techdirt.com/2022/03/10/cloudflare-says-shutting-down-in-russia-would-give-putin-what-he-wants/

(#tuizh4q) @prologic@twtxt.net

philosophical reasons […] design decision

That I can understand (though to the extent that I understand it, I think I disagree with it 😄). I was asking more about the technical barriers @mutefall@twtxt.net mentioned.

responses are provided from the cache

I see, so we’re taking about an architectural limitation in Yarn, rather than twtxt. Still, I know cache invalidation is famously hard, but surely an intentional page load from a user trying to view a feed that isn’t (fully) cached is about the best signal you could get to fetch that data from the origin? 🤔

(#tuizh4q) @prologic@twtxt.net

How do you display this in any reasonable way?

Pagination? Like Yarn uses elsewhere. Or infinite scroll, but from the server side that’s still pagination.

Which is what? To view the entire contents one someone’s feed? 😅

Exactly. Every other social network has that feature; I’ve missed it here serveral times already and it looks like I’m not the only one.

I still don’t get the difficulty from a technical point of view I’m afraid. 🤔

@prologic@twtxt.net so far as I can see both your and my most recent replies to #x6zqkha just disappeared - a bug?

(#x6zqkha) @prologic@twtxt.net Hmm but if you’re self-hosting the bridges (the only option I think since they generally have to run on the same machine as the Matrix server) that man in the middle is yourself 😉

Of course you do have to trust the code, but it’s all open source.

(#tuizh4q) @mutefall@twtxt.net @prologic@twtxt.net I don’t understand this answer at all from a technical perspective (leaving any philosophical arguments aside). A twtxt file is literally a flat file containing a list of all of a person’s posts. Surely simply displaying all of that person’s posts in Yarn should be the easiest possible thing to do, way easier than threading etc. Why would it require “investing heavily in infrastructure” or for the protocol to be “redesigned from the ground up”?

I’m guessing I’ve misunderstood what you’re saying; can you help me understand?

(#x6zqkha) @prologic@twtxt.net but if you used those external services directly without bridging, you’d still have to trust all those things, right? Take, say, FB Messenger. Whether I ‘bridge’ it to Matrix or use Messenger directly, I have to ‘trust’ Facebook (ha ha, as if! 😆) Same for Signal, WhatsApp, IRC, or anything else you bridge to.
That said, I don’t really use bridging much; for the services I tried it for it was too much hassle making the bridge work for it to be worthwhile.

listening to Egor Letov may open third eye

(#2kj5qta) @prologic@twtxt.net I’m trying to get the navigation right first, I’ll be sketching a couple more before starting on the code. #pwa