Today’s Readings

A simple method for adding some style to your file directory pages.

An interesting inspection of querySelectorAll. Does it do what you think it does?

Heeeeyyyy… You got your BEM in my ITCSS!

And you got your ITCSS in my BEM!

BEMIT: Two great methodologies that work great together!

Thinking Responsively: A Framework for Future Learning is about so much more than just making sites responsive, and isn’t talking about some new HTML/CSS/JS framework as you might expect; it’s about thinking about everyone before we even start to build something, then building it with everyone in mind. Yes, touching on being responsive, and ideally offline-capable, and ARIA-enabled, and so on, and that’s the point: plan for all these situations from the beginning, and then you don’t have to clamp-on things to make stuff work for someone later…

Speaking of offline-capable, UpUp is “a tiny script that… lets you serve your content to your users, even when they are offline.” Yeah, but… they have to have downloaded your content at least once while they were online, right?

When the user first visits your site, UpUp registers a ServiceWorker with your browser, and gives it a list of files to cache for later.

The next time the user visits your site, the ServiceWorker listens for network errors. If a network request fails, and the ServiceWorker finds that file in the cache, it will return that file, as if it came from the network.

Emphasis mine, but yes, you have to have had a connection, and visited this page, at some point previously, naturally. Still, totally great stuff, and love how easy it is to implement!!

Breakpoint Tester is a seriously slick idea! Unlike every other breakpoint tester I have ever seen (including my own), that requires you to decide what breakpoints you want to view, Breakpoint Tester scans your existing CSS, finds all the @media breakpoints you have defined, then displays your site in a separate iframe for each of those breakpoints. Awesome!

A collection of all the best typography CSS for your site!

Add this article on letter spacing, and you should have just about everything you will ever need to know about typography… :-)

How well do you know your mobile audience? Read these 23 stats you should know about mobile web performance to make sure…

tackles the similarities, differences and use-cases of blockquote, cite and q. I use blockquote quite a bit around here, and occasionally use cite, but Dudley includes a few new use-cases to me, and I don’t think I have ever used q… No reason, just haven’t.

Sticking with Dudley for another sec, let’s talk about time. Does anyone really know what time it is? Does anyone really care?? Well, if you do, and you do, make sure you present that time to your users in a semantic way, that is as useful as possible to them.

Got Angular 1, and want Angular 2? Then read this article for “a seamless upgrade“!

When thinking about accessibility (as I know we all do well before we start coding anything), do you think screen-readers, then move on? What about those with some, but limited sight? Some important bits for those users here.

While Mozilla is claiming we’re (nearly) ready to drop the need for Flash to copy content from the web with just the click of a button, my personal experience with execCommand was that Chrome, Firefox and IE (tested 10 and 11) all created very different experiences and provided very different levels of “working”, to the point that removing the Flash functionality was completely unrealistic… So, you can try, but YMMV

And finally, while we wait for non-Flash-based copy/paste on the web, at least we are one step closer to a space elevator!

Happy reading,

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.