Notes

tagged web

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
Wow! @twitter just invented a way to write more than 280 characters on the interwebs! https://twitter.com/TwitterWrite/status/1539640956915290112
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
Why is @twitter lockeddown!!!!? I need a haircut!!!!
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
replied to a post on Twitter with
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
replied to a post on Twitter with
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
replied to a post on css-tricks.com with
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
replied to a post on Twitter with
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
replied to a post on snarfed.org with
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
bookmarked a post on adactio.com because
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
bookmarked a post on jakearchibald.com because
Holy selectors, Batman!
Kartik Prabhu
404 Not found. @RookFoodDrink Ithaca, NY
Kartik Prabhu
403 Forbidden.
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
replied to a post on Twitter with
yup! looks all good
Kartik Prabhu
replied to a post on Twitter with
Your new RSS feed still seems to have the double https. Also, the RSS feed link at the bottom of your posts still link to feed burner.
Kartik Prabhu
replied to a post on Twitter with
I follow your blog via RSS, but the links to the blogposts are broken. For this post the link is given as ” https://https//thatemil.com/blog/2018/02/21/pwa-basic-auth/ ” Notice the repeated “https”.
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
liked a post on adactio.com because
“get to know it, understand it, and respect it”
Kartik Prabhu
replied to a post on Twitter with
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
replied to a post on Twitter with
What are “exotic” webmentions?
Kartik Prabhu
replied to a post on Twitter with
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
replied to a post on kartikprabhu.com with
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
replied to a post on adactio.com with
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
replied to a post on Twitter with
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
replied to a post on Twitter with
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