#indieweb 2019-10-28

2019-10-28 UTC
gRegorLove and [timothy_chamber joined the channel
#
[timothy_chamber
BTW, here is the type of discussions we are trying to spur in side the Mastodon/Fediverse world and the Indieweb efforts: this is from an admin of one of the more prominent instances….
#
aaronpk
Took me a while to realize there was an image there in slack. Manually copying the images for the sake of the logs: https://media.aaronpk.com/2019/10/file-20191027173715-3183.png
#
aaronpk
tho this discussion is probably better for #meta
kensp, [qubyte], wolftune, [jgmac1106], patterson and [snarfed] joined the channel
#
[snarfed]
hi [timothy_chambers]! unrelated, but in case you didn't see it, https://snarfed.org/2019-10-22_mastodon-on-bridgy may be relevant to your interests 😁
kensp, gRegorLove, wolftune, KartikPrabhu, Decobus and [chrisaldrich] joined the channel; alu left the channel
#
Loqi
mapkyca has 1 karma in this channel over the last year (15 in all channels)
[snarfed] joined the channel
#
[snarfed]
mapkyca++
#
Loqi
mapkyca has 2 karma in this channel over the last year (16 in all channels)
[Lewis_Cowles] joined the channel
#
[snarfed]
"Here's why I did it: Because it's 'bout time" 😆 😎 https://github.com/idno/known/pull/2562
#
Loqi
[mapkyca] #2562 Line in the sand
gRegorLove, cweiske, MattJ, jihaisse, AkyRhO_, [chrisbergr] and [frank] joined the channel
#
[frank]
Sorry for bailing out on the POSSE/PESOS discussion last Friday and how to include promotion of posts instead of syndication. I'm at work now but I will read up later today and see where this is heading. [sebsel] [Rose]
[Rose] joined the channel
#
[Rose]
Life happens [frank]!
asymptotically, [Lewis_Cowles], KartikPrabhu, gRegorLove, patterson and jeremych_ joined the channel
#
jeremycherfas
Morning IndieWeb
#
gellenburg[m]
greetings
#
jeremycherfas
Hello, and welcome. I don't think I have seen you here before.
#
gellenburg[m]
nope. i just learned about IWC a few weeks ago. i feel embarrassed i haven't heard about this sooner!
#
jeremycherfas
Don't be. And don't be afraid of asking questions. We are a pretty friendly bunch.
#
jeremycherfas
Do you currently have a website?
#
gellenburg[m]
yep. i've got a few, and i manage a few for some others. i found out about this movement from installing the wordpress plugins.
#
jeremycherfas
We have a channel just for WP, #indieweb-wordpress
#
gellenburg[m]
oh. sorry.
#
GWG
Sorry for?
#
jeremycherfas
No, not at all. This is more generally about IndieWeb and then there are other channels that are more topic based
#
jeremycherfas
And #indieweb-chat is off-topic (a bit) and not logged.
#
GWG
You can still speak about WordPress in here, but if you want to get into detail, we have a place for that
#
gellenburg[m]
gotcha. thanks!
jihaisse, [qubyte], [frank], [tantek], gareppa, [Lewis_Cowles], KempfCreative, [chrisbergr] and jmk3 joined the channel
#
jmk3
/join #css
[manton], KartikPrabhu, [snarfed], Hory and [jgmac1106] joined the channel
#
[chrisbergr]
what is photo grid
#
Loqi
photo grid is a visual display of a series of photo posts, typically 3 in a column, where only the photo of the post is visible, omitting the text https://indieweb.org/photo_grid
#
[chrisbergr]
Why do most of you just put three pictures in a column?
#
[chrisbergr]
Without judging, it looks like a waste of space to me.
#
[jgmac1106]
300+300+300=900, made math easy back in pixel sizing days
#
[jgmac1106]
plus humans are stuck on the rule of three for some reason
#
aaronpk
[chrisbergr]: As opposed to....? More? Less?
#
aaronpk
Cause on a phone any more they'd start to be too small to see
#
[jgmac1106]
Mine is either 1,2 or 3 depending on your screen size
#
[chrisbergr]
See the image. this is not what I want for my site and I'm just confused why others decide to do this.
#
aaronpk
Image?
#
aaronpk
Oh I've gotta fix image uploads from slack
#
[chrisbergr]
Oh, sorry, I didn't know that wasn't possible.
#
aaronpk
Most of my website is designed to have a maximum width anyway
#
aaronpk
also I wouldn't want to show more photos in a row because it'll start looking cluttered imo
#
[chrisbergr]
Okay, interesting.
#
aaronpk
I would *consider* increasing it to 5 at the maximum width, because 5 is another significant number in perception
[Rose] joined the channel
#
[Rose]
You could theoretically increase image size and the padding on larger devices
#
aaronpk
more than 5 things ppl will start to group them into smaller clusters visually. 5 and less will look like a single unit
#
[chrisbergr]
I have a 4k monitor here in my office. You are using less than 1/5 of the width of my screen and this looks.. Like wastet.
#
aaronpk
counter argument: you're wasting monitor space by not having two browsers side by side
#
[Rose]
I have a 32" ultrawide monitor, I'm used to nothing using the full width, but I always have two or more apps open on my screen
#
aaronpk
The only app i use full width on my 34" ultra wide is my video editor
#
[chrisbergr]
Thats a great argument, that ppl will cluster them visually. Increasing the image size and going to 5 images could be a cool solution.
#
[jgmac1106]
I often forget when doing design that not everyone has these gigantic monitors....
#
aaronpk
There's a similar issue with widths of text content. There's a maximum line length that is comfortable to read. Going longer than that ends up being difficult to read, so I don't let my text content get wider than that even on large screens
#
aaronpk
I think the same thing is true for photos, and I suspect that 5 is the number there
wolftune joined the channel
#
[chrisbergr]
I'm going to play around with the new ideas I've gained. At the moment I always use the full width, so the number of pictures depends on how many fit on it.
#
KartikPrabhu
flexbox is supposed to provide exactly that kind of flexibility
#
aaronpk
cssgrid should too
#
[chrisbergr]
BTW: You can break out of your container with "width: 100vw; margin-left: calc(50% - 100vw / 2);"
#
KartikPrabhu
if you define a flexible grid then yes.
#
[chrisbergr]
If you ever want to do that...
#
[chrisbergr]
The very first picture is so beautiful!
[grantcodes] joined the channel
#
[grantcodes]
I use flexbox for mine and fill the width of the screen and a minimum of 3 per row
#
[chrisbergr]
I'd like to do some posts with more creative layouts for the images, too. But I would describe/define those a gallery.
#
KartikPrabhu
or photo posts :P
#
KartikPrabhu
what is photo
#
Loqi
A photo is a post whose primary content is a photograph or other image, with an optional caption. With multiple photographs it becomes a multi-photo post https://indieweb.org/photo
#
jeremycherfas
The point aaronpk made about line length is what governs the design of my site entirely. So, there's a maximum width, and text sizes are geared to that. Photos have to take their chances.
#
[grantcodes]
I always like the ability to stretch stuff out of the width of text, it's great for making photos / videos more impactful.
#
aaronpk
That's a good point too! I should try that with the next blog post I write that has photos in it.
#
aaronpk
tho on mobile I don't have any side margins so I guess I'd flatten the pictures back into the text column then?
#
KartikPrabhu
depends on what design you want. You can have the photos be full width on mobile too
#
[chrisbergr]
This is the typical approach these days, Aaron
#
[grantcodes]
You must have some sort of margin / padding, I let some images touch the edge of the screen but never text
#
[grantcodes]
The postrchild browser extension has that ability built in if you support WordPress classes for alignment: https://grant.codes/media/2019/01/13/alignment.gif
#
jeremycherfas
My problem with photos outwith the text box is that I have a very old-fashioned sidebar on the right. Don't want to crash into that.
#
[chrisbergr]
I know the problem. This is the reason why most modern wp themes don’t have the sidebar on the side.
#
[chrisbergr]
One thing you can do is to let images or what ever overflow just on the left side, instead of both sides.
neceve joined the channel
#
aaronpk
[grantcodes]: I have about 1 character width of padding on the text on a small screen
#
[grantcodes]
Heh, one character on each side makes a decent difference on small screens
#
aaronpk
So I'm not sure it'd really get the effect across to have the photos go all the way to the edge
#
aaronpk
On my actual photo posts the photos do go all the way to the edge, which I like
JorropoDiscord[m joined the channel
#
aaronpk
Oh the other problem with a variable number of photos per row is then I never know how many photos to show on the screen per page load
#
aaronpk
if I had it as either 3 or 5 wide, then as long as I pick a number that is divisible by both, I'd always have full rows
gareppa joined the channel
#
[chrisbergr]
I would suggest du differentiate between image posts and content with images according to the question which images should overflow the text length
#
aaronpk
I agree
#
[grantcodes]
If you do smart flexboxing you can get uneven rows that take up the full width no problem. But it can look odd since they will probably be bigger
#
aaronpk
Yeah then it's not really a grid :-)
#
aaronpk
I do that for my photo album posts (the Flickr-like layout), which I like, but it's a different thing
#
[manton]
[chrisbergr] The theme for my blog has a maximum width, so it's easier for the photo page to just use that same width. I could certainly have a wider size for the photos page with a bit of CSS tweaking.
#
petermolnar
I recently stepped back to 1 column on all displays
#
[manton]
For example, Micro.blog has a discover page for photos that does use the full width: https://micro.blog/discover/photos/grid
#
petermolnar
I had auto 2 or 3 column responsive on large displays
#
petermolnar
but came to realize it's distracting
neceve and gRegorLove joined the channel
#
jeremycherfas
!tell KartikPrabhu That coloured border on hover is a nice touch. Subtle, but definitely there.
#
Loqi
Ok, I'll tell them that when I see them next
#
Loqi
KartikPrabhu: jeremycherfas left you a message 1 minute ago: That coloured border on hover is a nice touch. Subtle, but definitely there.
#
KartikPrabhu
and if you visit the link it should become green :P
wolftune, BigShip, strugee, [frank], [qubyte]1 and [jgmac1106] joined the channel
#
[grantcodes]
Now this is an amazing personal website https://bruno-simon.com/
#
kolaente
It is
#
kolaente
But it's pretty slow on my pc
#
[grantcodes]
Well you don't build a website where you can go bowling with a rc car with plans for it to be the fastest in the world
Hory joined the channel
#
kolaente
right
#
kolaente
but still
[qubyte] joined the channel
#
[qubyte]
That’s ridiculous, if fiddly, fun on my phone.
#
[qubyte]
I love how weird it is. More weird please.
#
beko[m]
👍️
#
beko[m]
I wrote a mapeditor with threejs some years ago. Really neat lib.
#
Loqi
weird has 1 karma over the last year
#
gRegorLove
heh, the car in the browser tab moves as you do
#
gRegorLove
the <title>
[dougbeal] joined the channel
#
[dougbeal]
As a car simulator it is amusing, but trying to get any information is pretty poor
#
beko[m]
Had the pleasure to show someone IndieWeb principles using a video conference tool. What started as a quick demo turned out into a 2,5h showoff session. What a shame I didn't record any 😕 Was mighty impressed 😁
[KevinMarks] joined the channel
#
[KevinMarks]
On svgshare.com I let them flow bigger
wolftune, maxwell and kensp joined the channel
#
maxwell
The 2019 Summit in Portland introduced me to the Indieweb, but I haven't been in the chat before. Hello!
#
aaronpk
welcome!
#
maxwell
Hi, Aaron!
benharri joined the channel
#
maxwell
My site is maxwelljoslyn.com. My current project is setting up the blog as a valid h-feed so people can subscribe to it. I have some questions which I'll take to #dev when I've finished typing them ;)
Hory_, gareppa, patteroni, [snarfed], [Ramiro_Ruiz], [qubyte] and [fluffy] joined the channel
#
[fluffy]
that RC car page is fun but yeah it really needs some semantic markup so that people can actually extract the useful information wtihout driving around everywhere. or at least have an accessible/text version
[dougbeal] joined the channel
#
[dougbeal]
I was thinking along of the lines of, you stop in front of a project, and it pops up a preview so you are not looking at the text at a strange angle.
#
[qubyte]
It’s true. Weird is better in semantic markup.
#
[fluffy]
If the whole document had been driven by DOM objects which then got rendered by the webGL canvas it could have worked both ways.
#
[qubyte]
This is just one canvas element wrapped in minimal markup 😞
kensp and [tantek] joined the channel
#
[fluffy]
Yeah. I’m all for experimentation but that shouldn’t require throwing out all accessibility.
[KevinMarks] joined the channel
#
[qubyte]
It’s a challenge to satisfy both. Also perfect material for a blog post or two.
benharri, ecrosstexas and tg-z joined the channel; MattJ left the channel