#dev 2018-10-21

2018-10-21 UTC
jgmac1106 and dougbeal|mb1 joined the channel
#
jgmac1106
Honey Bunches of Notes are Yummy, watched a few sessions tonight. I am excited for tomorrow as well
renem_ and [tantek] joined the channel
#
gRegorLove
Made some improvements to a dev version of indiewebify.me. Now treats empty path and "/" the same: http://iwm.gregoreatworld.com/validate-h-card/?url=https%3A%2F%2Fdougbeal.com
#
gRegorLove
Improved the messaging when it finds an h-card but it's not representative: http://iwm.gregoreatworld.com/validate-h-card/?url=dougbeal.com
#
gRegorLove
Let me know any thoughts on the latter. Pending that I'll submit the PR.
#
gRegorLove
Thought it would be more clear to give the exact `class=` markup instead of referring to just the property name.
[Rose], [jeremycherfas], tonz and [Marco] joined the channel
calumryan and j4y_funabashi joined the channel
#
j4y_funabashi
morning all
#
j4y_funabashi
I have been focusing on my micropub client interface recently and actually taking a lot of inspiration from mbasic.facebook.com
#
j4y_funabashi
I think it is all no-js and really fast + functional - the buttons are not easy to press on mobile but that is a thing I am fixing in my version
#
j4y_funabashi
anyone else have good examples of admin interfaces?
#
sknebel
I think you should watch Zegnat's demo later I think
#
aaronpk
j4y_funabashi: I think there are a bunch of screenshots on the micropub client page
#
calumryan
Switched to h2, now trying to work out why resources still load over http 1
#
calumryan
AntiVirus shield disabled and refreshed cache - h2 loading yay!
[Marco] joined the channel
#
[Marco]
🤘 Hands up for H2!
[jgmac1106] and calumryan joined the channel
#
[jgmac1106]
[gRegorLove] I want to play with the language of IndieWebify.me for when an u-photo is missing
#
[jgmac1106]
Many people do not want a photo of themselves online
jgmac1106, calumryan, j4y_funabashi and [kevinmarks] joined the channel
#
@ton_zylstra
Just in time before leaving for the railwaystation I succeeded in my 2nd #indieweb project on #indiewebcamp Nürnberg: changing how webmentions are handled on my site. https://www.zylstra.org/blog/2018/10/wrapping-my-head-around-webmentions-pt3/
(twitter.com/_/status/1053993796957102080)
[cowglow], [Marco] and frankmeeuwsen joined the channel
#
[Marco]
The `ch` unit is my new most favorite unit in CSS ❤
#
[Marco]
Imagine telling a paragraph to be exactly 60 characters wide at maximum to ease reading for users. 😀
#
[Marco]
`p { max-width: 60ch; }` will do just that, where `1ch` equals the width of a `0` (zero) in that specific font.
#
[Marco]
#offtopic yes, I have a favorite unit in CSS. I'm that nerdy when it comes to that language. 😄
#
aaronpk
whaaaat that's amazing
#
[Marco]
riiight! another great use: Checkbox left, label right… `[type=checkbox] { margin-right: 1ch }` always looks just right 😍
#
[Marco]
and here I did the same with the gap between the icon and the text
#
[Marco]
support is stellar: https://caniuse.com/#feat=ch-unit IE9 can do it!
#
[Marco]
> Unit representing the width of the character "0" in the current font, of particular use in combination with monospace fonts.
#
[Marco]
here's a blogpost about several other use-cases: http://revoltpuppy.com/articles/89/using-ch-an-underappreciated-css-length 🙂
raretrack, swentel and [kevinmarks] joined the channel
#
[kevinmarks]
what is the ch/em ratio for various fonts?
#
Loqi
It looks like we don't have a page for "ch/em ratio for various fonts" yet. Would you like to create it? (Or just say "ch/em ratio for various fonts is ____", a sentence describing the term)
#
[Marco]
[kevinmarks] good question… as em is not related to the font but to the font-size set on the parent (or in the browser itself depending on the way you use the unit) I don't know how to compare the two
#
[Marco]
In the article I posted earlier the author wrote from eyeballing it looks like `.5em` roughly equals `1ch` but I'd say that depends pretty much on the font in use.
#
[Marco]
for example you could say
#
[Marco]
```
#
[Marco]
p { margin: 1ch; } /* unrelated to the font-size */
#
[Marco]
body { font-size: 1.25em; /* equals a font-size of 20px */ }
#
[Marco]
p { font-size: 1.5em; /* equals 30px --> 20 * 1.5 */ }
#
[Marco]
```
#
jgmac1106
love this conversation, been messing with the ways comments display on my Known site
KartikPrabhu, snarfed, [Rose] and tonz joined the channel
#
[Marco]
Just on top of what I showed, there's a lot going on under the hood already:
#
[Marco]
- progressive font loading
#
[Marco]
- preloading font files and the main stylesheet
#
[Marco]
- built with accessibility in mind
#
[Marco]
- I excluded the critical part of my CSS and put it inline in the head
#
[Marco]
https://www.zachleat.com/web/the-compromise/ (article on the font loading technique I'm using)
jkphl and snarfed joined the channel
raretrack, bradenslen, tonz, [cleverdevil], jgmac1106, deathrow1, [jeremycherfas], [calumryan], [eddie], AngeloG, [Rose], gRegorLove and [dave] joined the channel
#
@fabiobruna
@frankmeeuwsen Ben je tevreden over webmentions? Ik ben er een beetje mee aan het spelen met Ghost, maar twijfel nog een beetje. Het ziet er zo snel rommelig uit.
(twitter.com/_/status/1054086279325978625)
jgmac1106, [tantek], tonz and [eddie] joined the channel
#
[eddie]
!tell GWG Overland just has an attribute or two that gets included with the location updates that tell the server whether it’s part of a trip and what type of trip it is
#
Loqi
Ok, I'll tell them that when I see them next
#
[eddie]
!tell GWG and then compass will detect the “start or stop” of a trip by the appearance or removal of that attribute and when a trip is over Compass can send the data as a Micropub request
#
Loqi
Ok, I'll tell them that when I see them next
#
GWG
How does it get included?
#
[eddie]
What do you mean? In the overland to Compass or Compass to Micropub?
frankmeeuwsen joined the channel
#
GWG
How does it know you are on a trip?
#
GWG
If I installed it, wondering the benefits
#
@frankmeeuwsen
Ik denk dat 99% van mijn volgers dit niet zullen snappen, maar toen ik deze regel in de logfile zag van een script waar ik mee bezig ben, werd ik heel blij en nam ik als beloning een Bitburger. Ik heb het eindelijk voor elkaar om webmentions te zenden vanaf mijn blog. #indieweb
(twitter.com/_/status/1054100163831230465)
#
[eddie]
Ohhh you have to tap a button
#
[Rose]
When my plane was ready for takeoff I started a flight trip.
#
[Rose]
When I land I'll stop that trip.
#
[eddie]
You tap on what type of trip (Car, boat, train, taxi, etc) and then you tap start and when you are done you tap stop
#
[Rose]
(I want to learn enough Swift to change that long tap button into something else, because I didn't realise how to change it before)
#
[eddie]
Yeah, I’ve been thinking about that trip selector a bit
#
[Rose]
I was thinking it would be nice if it popped up a spinner in that space below it.
#
[Rose]
But that's probably not the best UI
#
[Rose]
I find long tap, force press , 3D Touch and the like are difficult for discovery.
#
[eddie]
Yeah, I’m wondering if visually it should be a bit different. But then I also want to figure out passive tracking
#
[eddie]
So that I’m not always picking up my phone (Although Shortcuts will help with that too)
#
[Rose]
Shortcuts donations will go a long way.
#
GWG
Okay, that Android doesn't have
#
GWG
I should talk to mendak
[jeremycherfas] joined the channel
#
[eddie]
I’m thinking probably doing something where the trip icon is obviously a selection and not just a display. And then you could have a bottom sheet pop up (like maps/music style)
#
Loqi
I agree
#
[eddie]
Thanks, Loqi
#
Loqi
you're welcome, [eddie]
#
[Rose]
I also agree.
jgmac1106, snarfed, [eddie] and [cleverdevil] joined the channel
#
GWG
I am thinking of adding altitude to every post
jgmac1106 and [jgmac1106] joined the channel
#
[jgmac1106]
anyone ever put a status update in their h-card, bored, working, single, whateever?
frankmeeuwsen and snarfed joined the channel
#
aaronpk
Loqi making more work for me
jgmac1106 and [eddie] joined the channel
snarfed and [cleverdevil] joined the channel