The meta part

Maybe I should cut out all the parts that are only interesting in the moment… I wanted to make these blog posts somewhat timeless, as in, you could read them at anytime, and still enjoy the content, in a very simple way.
So I regret making last week’s post that long, and that… insistent on sharing things that are now already irrelevant and have lost all their interest.

Anyways, this week’s post is going to be a short one, not much happened. I suppose.

I’ll find time to update the about page… One day…

Teh summary

Centering embeds follow-up

Remember last time when I said centering embeds was a pain ?
Well, here’s what I had to do :

For Twitter embeds, I added this to a stylesheet…

.twitter-tweet-rendered {
  margin: auto
}

and it just works !

On the other hand, for YouTube embeds, I had to look up how to preserve aspect ratios, which is apparently not a straight-forward thing.

That gave this CSS code :

div.youtube-center {
  margin: auto;
  width: 560px;
  max-width: 100%;
}
div.youtube-center > div {
  position:relative;
  width:100%;
  padding-bottom:56.25% /* for 16:9 */
}
div.youtube-center > div > iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

for this html template :

<div class="youtube-center"><div>
<iframe ... ></iframe>
</div></div>

which is… ugh.

I should automate the adding of <div>s and the <noscript>

NB : In vim, disable autoindent to paste code correctly.

Command line magic

There was this insteresting one-liner on Twitter :

Which doesn’t actually work 0_o.
I think I’ll make that a perl script or something…

Tracking mouse

I never knew that there was mouse tracking services for websites. I did kinda know that Google reCAPTCHA sometimes uses mouse movements to determine your human-ness. Well, TIL of stuff like Crazy Egg, MouseFlow or Hotjar.

The extra sneaky part is that it’s inline scripts that you pretty much can only detect through regex on url or blocking tranfers. (I’m probably completely wrong on this.)

If only there was a browser that made very clear what happened on the page…
Or just use a tracker-blocking plugin like everyone else.

Animu

Well, there’s this Sagiri gif that I find pretty funny… Imgur link

And let’s throw in some music that I recently enjoyed, “WALKUERE – Ikenai Borderline” used in Macross Delta :

I found it through an osu! beatmap

Wrapping up

This has been an interesting week for this project, because it tests if I will always have one or two things to share every week. And it’s proof that it’s slowly maturing ^^. I suppose it’s also a visible measure of weather I’m still learning or not.

Anyways, have a nice day ! waves goodbye


NSFW below, proceed at yout own risk. (I should really just JS this part huh)

NSFW

Well, “-Tamashii- INSERT” by “Tanigucgi-san” seems like a good possession eromanga.
And Slime Lover by Somejima is pretty nice too. sadpanda link