Kartik Prabhu
Science people on twitter! This is great: https://twitter.com/igalia/status/1539736505467510784
Now we need better authoring tools for writing math on the web.
Kartik Prabhu
I never had this on my to do list when writing to a journal as a physicist:
“It looks like your review submission site is broken, probably due to some bad Javascript code.”
The rest of the email is diagnosing their borked form validation in JS.
Kartik Prabhu
So Chrome and Safari don’t like my site’s CSS grids unless I put a “width: 100%” on the Grid containers. No idea why but thanks to https://piperhaywood.com/ for the fix!
Kartik Prabhu
Yeah, you are right! There does not seem to be a way to add a website as an exception this way. I should have checked this before replying.
cc: @firefox
Kartik Prabhu
Settings (hamburger menu) > Preferences > Privacy & Security > Content Blocking > Manage Exceptions
Kartik Prabhu
Funny how my site displays in the emulation of the first browser WorldWideWeb ( https://worldwideweb.cern.ch/browser/ ) but not in the fancy latest Google Chrome!
Kartik Prabhu
Don’t forget the namespace for xlink. Had this issue a while back and wrote about it https://kartikprabhu.com/articles/href-in-svg
Kartik Prabhu
Nice short guide to sending webmentions.
Kartik Prabhu
There is also fragmention proposal by @kevinmarks https://indieweb.org/fragmention
Kartik Prabhu
B: We need a better social network.
A: Do you like ads?
B: No!
A: Can I sell your data?
B: No!
A: Can I have your data anyway?
B: No!
A: Do you want to host it yourself?
B: No!
A: Do you want to pay for this better social network?
B: No!
A: OK, bye!
Kartik Prabhu
Seems like @facebook is becoming a place more for shopping and less for people.
see also: https://kartikprabhu.com/notes/twitter-for-brands
Someone should invent a new social network!
Kartik Prabhu
TIL: pytest (https://docs.pytest.org) to write tests for python code. yay!
Kartik Prabhu
To me it means: have a domain name and post content on it. Everything else is a bonus.
#indieweb #indiewebcitizen
Kartik Prabhu
The irony of this “like post” is that under the new backcompat rules (according to spec) the u-like-of is ignored under a hentry! see: http://microformats.org/wiki/microformats2-parsing#note_backward_compatibility_details
So it shows up as a mention to my post! :P
Kartik Prabhu
Took a solid 10 hours but better backcompat parsing rules in mf2py now https://github.com/kartikprabhu/mf2py
Kartik Prabhu
Excellent read on bitcoin, blockchain and bubbles by Paul Ford.
Kartik Prabhu
Minimal viable service worker! by @adactio
yay!
Kartik Prabhu
TIL misspelling variable names can break your code! #indieweb
Kartik Prabhu
Seems like @twitter is becoming a place more for brands and less for people.
Also, seems I am a terrible brand!
#indieweb
Kartik Prabhu
Holy selectors, Batman!
Kartik Prabhu
Picked up contributing to mf2py, #python parser for #microformats after about 3 years!
Many bug fixes https://github.com/kartikprabhu/mf2py
Other experimental parsing features on https://github.com/kartikprabhu/mf2py/tree/experimental
#indieweb
Kartik Prabhu
The point isn’t about XML validation. It’s that different browsers do different things when the namespace is not included.
Kartik Prabhu
Do I support photo replies https://indieweb.org/photo_reply ?
Looks like I does! but only sometimes!
Kartik Prabhu
Got rid of some fatwigoo ( http://www.otsukare.info/2017/11/02/fatwigoo ) from my site!
Safe defaults with CSS as enhancement; I like it!
Kartik Prabhu
Made a link-aware progressive disclosure javascript https://gist.github.com/kartikprabhu/45528a06915ac2d92b1ec83084b31b84
It is adapted from the one by @adactio ( https://adactio.com/journal/10365 ), but added a few things so that if the URL links to a part of the page that can be hidden (using a fragment or fragmention) then that content is not hidden by default.
Compare https://kartikprabhu.com/papers vs https://kartikprabhu.com/papers#coframes%20at%20fixed%20connection
I had to change a few things in fragmention.js for this to work though https://github.com/kartikprabhu/fragmentions/commit/30e8f7633fcafdf68370aeb525760609b4f22849
Kartik Prabhu
“get to know it, understand it, and respect it”
Kartik Prabhu
pretty cool site design! nice work
Kartik Prabhu
Now storing (creating and updating ) notes in flat files.
Kartik Prabhu
Testing webmention to pages of different kinds
* https://kartikprabhu.com/notes/test-note-totally-te
* https://kartikprabhu.com
* https://kartikprabhu.com/notes
* https://kartikprabhu.com/about
*http://example.com
Kartik Prabhu
What are “exotic” webmentions?
Kartik Prabhu
POSSE and Indieauth are pretty much independent. I just POSSEd this reply (using Bridgy) but don’t have Indieauth on my site.
Kartik Prabhu
I think what you are looking for is Webmention https://indieweb.org/Webmention
Kartik Prabhu
So there are a bunch of things going on with fragmentions and non-break spaces
* fragmention.js replaces all whitespaces by a normal space while searching for text https://github.com/chapmanu/fragmentions/commit/05a8200296aa78de1f9ed84c4801f5d8c42b18b1#diff-d5b8b19887d954fd0540ec90d72414a9R11.
Now while getting a selection using “window.getSelection().toString()” and encoding it with “encodeURI()” browsers seem to do different things (see demo test: https://kartikprabhu.com/static/demo/selection-encodeURI.html )
* Chrome simply encodes non-break space to UTF-8 “%C2%A0”.
* Firefox replaces a non-break space with normal space and encodes it to “%20”. Bug filed here: https://bugzilla.mozilla.org/show_bug.cgi?id=1324907
To take this into account, I changed the fragmentioner.js script to simply replace the whitespaces in the selection text with normal spaces before constructing the fragmention URL https://github.com/kartikprabhu/fragmentioner/commit/3e578a5e13e311e62053f3b9c2a5edbf5f4804f5#diff-fd4672195ceec838f040facacc154022R85.
Kartik Prabhu
Update: Non-break spaces seems to be a problem in Chrome but not in Firefox; on the other hand ampersands work in both!
Non-break spaces seem to work with my fragmentioner script. See the demo test https://kartikprabhu.com/static/demo/fragmention.html#non-breaking%20space++2
My script is https://github.com/kartikprabhu/fragmentioner.
Kartik Prabhu
2017 indieweb commitments
* remove the over-zealous fragmention handling in receiving webmentions which assumes the double-hash “##” notation; use whatever URL is received. update marginalia to accept this.
* delete the responses container if all responses are marginalia.
* remove marginalia.js from notes (since it is useless there), and put only on article permalink pages.
* fix responsive images height issue: currently my responsive images don’t know their heights and so cause flow when they load. This interferes with fragmention for instance.
* fix hfeed2atom to display response-context in the Atom feed.
* develop a mf2-format for a bibliography to represent metadata of scientific papers in HTML+mf2. Use it to get better representation of data on https://kartikprabhu.com/papers. Prior-art: bibtex format, Atom/RSS from http://arxiv.org, others?
Kartik Prabhu
“Choose your tools wisely. It would be a terrible shame if you abandoned the resilient approach to web design because of a difference of opinion with a piece of software.”
Kartik Prabhu
“But my second CSS‐based layout didn’t take quite so long. After a while, it became normal.”
Kartik Prabhu
“[…]didn’t understand that the simplicity of the web was actually its strength. Because linking was so straightforward, anyone could do it.”
Kartik Prabhu
“Delivering software over the web doesn’t just replace the desktop‐centric way of working. The presence of an internet connection opens up possibilities for all kinds of collaboration.”
Kartik Prabhu
“[…] on the web there is no guarantee that what you see is what everyone else will get.”
Kartik Prabhu
“Designing a loosely‐coupled system can take more work. The payoff is that the overall result is more resilient to failure. Individual parts of the system can be swapped out with a minimum of knock‐on effects.”
Kartik Prabhu
and this is why CSS is awesome
“There’s a huge variation in visual style: colour schemes, typographic treatments, textures and layouts. All of that variety is made possible by one simple pattern that describes all the CSS ever written:
selector {
property: value;
}
That’s it.”
Kartik Prabhu
this is why HTML is so awesome!
“Now consider what happens when that same web browser encounters an element it doesn’t recognise.[…]
Once again, the browser displays the text between the opening and closing tags. What’s interesting here is what the browser doesn’t do. The browser does not throw an error. The browser does not stop parsing the HTML at this point, refusing to go any further. Instead, it simply ignores the tags and displays the content within.”
Kartik Prabhu
Glad you found it useful. The original fragmention script is by @jon_neal though. I might post marginalia to your wook while reading.
Kartik Prabhu
About time @adactio wrote a “wook” https://resilientwebdesign.com/
Kartik Prabhu
this page http://indiewebcamp.com/hosting has some recommendations by #indieweb people based on experience.
Kartik Prabhu
Nice example of progress from discussion - brainstorming - mockup - markup. Mobile communication for humans! : http://tantek.com/2014/067/b1/building-blocks-people-focused-mobile-communication