(#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.
#p7yu6ba
(#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:
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:
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
(#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
.
(#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;
}
(#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
(#hw5zqkq) @~duriny@envs.net ŃŠµŃ
(#cl7vera) @mutefall@twtxt.net sorry Iām getting into the discussion, but i think searx is the best that can be
(#xmpa4da) @hecanjog@hecanjog.com -23 of celsius. :(
hope iāll get spring weather soon too
@prologic@twtxt.net uhā¦ how can I view all posts from account? as example from @news@twtxt.net I can see only one recent post
(#rcvjkrq) @prologic@twtxt.net comfortable*. for reading, for commenting, you know. by the way, thanks for warm welcome
ā freddy, you are supposed to be on lockdown!
ā Vanessa, megalovania sounds
(#ooxps7q) @darch@twtxt.net Thatās my approach, yep š ā but I can also see @prologic@twtxt.netās argument that Matrix is over-engineered and current servers are resource hogs and (arguably) hard to get set upā¦
(#rcvjkrq) @prologic@twtxt.net thank you! I hope this place will be comfy for my future posts and readers
(#cl7vera) fact
hello world
(#ooxps7q) @prologic@twtxt.net I mean, sure, so long as itās fully e2ee and private (Yarn and feeds in general tend to be publicā¦) š
(#qqfi5za) @prologic@twtxt.net oh it looks quite different on Android š
(#5pe3caq) @prologic@twtxt.net for real. Sounds like the whole meeting should have just consisted of them sharing that one piece of information, instead of buying it in vaguely reassuring filler text on a screen.