Articles tagged web | Parallel Transport

<use> SVG in Javascript

To use fragmentioner and marginalia on my site, I want to insert SVG icons into the HTML pages. Sounds simple unless you check all the browsers — Chrome and Opera just behave weirdly!

While creating an animated SVG logo for indietech.rocks we ran into a strange problem where the SVG would display in some browsers and not in others. The issue is the different ways browsers handle XML — yes SVG is XML! So here is the problem and its solution.

Placeholder Images

The size of my images changes fluidly with my responsive layout. Since the browser does not know their heights a priori, the space collapses while the images are still loading. Once the images load the entire page reflows and the rest of the content jumps around to make space for them. It would be much better if the space for the images was reserved from the start and, as a bonus, if some lower resolution version of the images displayed, while the images load. Here is how I do it.

Equal Height Images with Flexbox

Images on the Web have a mind of their own. Want to place two fluid images side by side so that their heights are always equal? Flexbox to the rescue!

The Web’s Arrow of Time

I was looking into adding some navigation links to my post feed/archive pages, when I ran into an old confusion of mine. The Web has a completely messed up arrow of time!

Marginalia

I write margin notes while reading books. They help me keep my thoughts on record and within context. But how do I do that on a website or an ebook?

Inline SVG Icons

I’ve been using SVG for illustrations in my post for quite some time and wanted to convert all the little icons littered across the site from icon fonts to SVGs. I’ve managed to do this to my satisfaction and thought I should share my methods.

Concurrence as in Cooperation

Few days ago Joschi Khupal wrote “Indie” as in “individuality” criticising the indiewebcamp for fostering concurrent opinions/approaches, among other things. I really do not understand this objection, and here’s why…

The Indieweb

It’s been about a year since I ditched Blogger and made a move to my own site. Somewhere between all the python programming and CSS designing (and the physics on the side!), I was introduced to the IndieWeb. And I was hooked…

First Note

This is the first note on this site.

The Blogging Dead

Reliable sources have finally confirmed that the blog is dead. So let’s look back and pay respect to the memory of Blogging.

No comment

This site does not have a way for readers to post comments under each article. And I plan not to implement a comment section. Instead, now Parallel Transport accepts webmentions, so you can write and publish responses on your own place on the web and link it back to the original article here.

Line Mode

Thoughts on the rebirth of a 20-year old web browser.

Redux

This site has been around, in one form or another, since 2006. It started out on GooglePages, then Google Sites, then moved to Blogger and finally a couple of months back I decided to move it to my own domain, along with a complete reworking of the site. That’s the when and here is the why and how of the new Parallel Transport.