Plurrrr

Major rewrite

Just finished a major rewrite of tumblelog.pl; the Perl program that generates the pages of this microblog. It now makes pages for each day besides week overviews.

• plurrrr
• tumblelog

JSON Feed

Reading the JSON Feed Version 1 specification. Right now, I think it's overkill to add a JSON feed to this microblog, but I am considering to add such a feed to the blog on my personal website.

• json
• json feed

To find or not to find

Why not use File::Find and do it all in perl?

asked Reddit user raevnos in response to my submission Driving a Perl script via find. To which I replied:

Good question, which the article should have answered. In my case I wanted to use find to drive the Perl program because I consider it slightly easier to edit and fix on the cli than in a program. Also, I wanted to learn a bit more about find and the speed difference between \; and \+. Finally, I can imagine that this solution is faster, and can be modified easier (with cli tools) by other (non-Perl) users.

• perl
• find
• command line

Viewport units: vw, vh, vmin, vmax

I have been working on a login form for mobile users the past days and this article on viewport units has been very helpfull.

• css

Mobile Friendly

This microblog passed Google's Mobile-Friendly Test.

• plurrrr
• tumblelog

A little wider now

On screens 480 pixels and wider this blog is now 480 pixels wide instead of 320 pixels. I used a CSS @media Rule as follows:

@media screen
    and (max-width: 479px) {
    #tl-page {
        width: 320px;
    }
}

• plurrrr
• css

Markdown Cheatsheet

Since I am about to post an image I had to look up the syntax for embedding an image using Markdown. So I Googled and found a Markdown Cheatsheet which gave me the answer.

• markdown
• cheatsheet

Image Test: Yellow Chrysanthemum flowers

• flower

Background image with opacity in CSS

I just used the following CSS code to create a body background image with opacity for work:

body::before {
  background-image: url("img.jpg");
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  opacity: 0.25;
}

Code comes from a well written article by Chris Love. Thanks!.

• css