Today’s Readings

Okay, I would move to whatever city implements this, just so I could ride it to work and back everyday…

You have likely not seen anything this realistic in JS before… W… O… W…

The HTML5 <video> element: so powerful, and such a pain in the ass to code for all browsers. Until now.

I’ve seen lots of alternative-power options for devices, from panels on backpacks to water filtration to campfires, but this one just seems perfectly logical

Yes, SEO is still important, and this is one I had not encountered before: creating shorter URLs for a boost. Okay, maybe.

This is a great introduction to lt;flexbox>, in all its partially, fragmented support, and including PDF of presentation, live demo page, and fallback options for several use-case scenarios. Best demo I’ve seen yet on this CSS feature yet!

Fancy a game of cards, anyone? Not not that kind of cards, information cards, apparently the new data medium!

Trying to think of a good use for Favico.js, not coming up with one, but still cool tech!

Now this is obfuscation!

Mapael is impressive, if not only that it renders via SVG, but also because this is something I have only seen done via image maps…

And speaking of SVGs, my current project at work is looking into converting some infographics into SVGs so they could be more responsive. Timely! :-)

How do your page fare with Google’s PageSpeed Insight? This site got a 45/100 for Mobile, because my server took too long to respond, and because I have a CSS file in my <head> tag… Okay, my server response time is, and likely always will be, an issue, because I’m such a small-fry, but where else would they like me to put my one-and-only CSS file?

Far more than you ever wanted to know about CSS units of measurement.

QuestionMark.js is brilliant both in its simplicity, but also in the so-obvious-it-isn’t choice of using the “?” access key to access “help” (instead of “Alt” or whatever)! Nice one!

A clever use of two CSS selectors to perform (almost) JS-less in-page searches.

I’ve said it before: I love when people write step-by-step articles about how they tackled a problem they encountered. Our web is such that, if something happens in one place, you can bet it’s going to happen elsewhere. This article on making large navigation menus responsive, is just such my cup o’ tea. The only bit I would add is making the nav accessible for non-/broken-JS by using a href="#navID" to the “open” link, then duplicating the “open” CSS state with a :target declaration. You then add a event.preventDefault() to the JS function, and you have two open methods for the price of one!

I also love when technology makes incredible breakthroughs, thanks to nature

Ever feel like all of your geeky peers are men? Well, while there are plenty of awesome female geeks out there, we do work in a predominantly male world. so let’s take a moment to remember incredible females from computing history.

And finally, could the country of Kenya really be sitting on the 70-years of water, without even knowing it? My, the times they could be a’changin’ over there…

Happy reading,
Atg

Leave a Reply

Your email address will not be published. Required fields are marked *