Google PageSpeed Insights: Size content to viewport

Published: Written by: Tobias Axelsson

Size content to viewport

When you run your perfectly responsive site through PageSpeed Insights and find that PSI complains that your content is not sized to the viewport you might start wondering why.

All the links point you to the meta viewport tag, but there's more to it. Any word in your content that is longer then the PSI viewport will make it think that there's a problem with the dimensions of either content or viewport.

To find any long words that may interfer with the PSI rendering first resize your browser with the target site loaded to as narrow as you can. If the browser doesn't want to resize small enough you can open the dev tools (usually F12-key) and dock it to the window for additional width modification. When your browser is narrow enough to give you a horizontal scroll bar you can start looking for words that span an entire row. Hint: it's usually links

Once the culprit is located you need to fix it. Check for missing spacing or if there is a place to put a hyphen (-) but really long words will require you to insert a breakpoint. The <wbr> tag will usually do the trick. It works in the content of links as well.

Conway's Life in JavaScript and DOM

Published: Written by: Tobias Axelsson

A two dimensional array, consisting of 0's and 1's that can behave as life itself when only four rules are applied to it.

An array of values need to be traversed and result in the new generation.

Then do it again on the new generation. Not that hard... Well there's a bit more to it!

Read more...

OpenShift, Node.js, MongoDB, et.c.

Published: Written by: Tobias Axelsson

So I woke up one morning and decided I wanted to try a more automated development process and put my stuff on a hosted server with some server side functionality. I found OpenShift, a Red Hat based PaaS, Platform as a Service, with many interesting features and platforms to build on. I went for a Node installation with a Mongo database and started building

Read more...

Wordpress integration

Published: Written by: Tobias Axelsson

Say what you like about wordpress. I think it is a good enough place to write your blog on. What if you could write your posts on Wordpress and then have then show up on your site as they are published?

Lets see if we can do this.

Read more...

MFRWD

Published: Written by: Tobias Axelsson

Chosing to follow a mobile first approach makes you design for a mobile view first and then adapt the design for larger viewports in media queries rather then the opposite.

Responsive on the other hand is a uniform design that adapts to the viewport.

Combined they make a more easily maintained code base.

Read more...