Today’s Readings

Following the introduction to the WAIARIA role attribute article mentioned in the last Today’s Readings, offers an introduction to the WAIARIA aria-label attribute. I like this approach, a lot! Could take a while, but I like it! ;-)

Or maybe you’d prefer someone to simply hand you a collection of commonly needed WAIARIA examples?

Caution: will-change might-change the way your pages look in some browsers.

So we’re going to add what is basically will-not—change? Hmm…

Got Grunt? Or Gulp? Well, maybe Node.js is all you need as your build tool

Add a little Mocha and you can even do your testing via Node.js as well!

We’ve all seen GoPro skiing and GoPro base-jumping, but they can all go home now, because now we have GoPro space walking

I’m not a huge torrent fan, but the idea of a BitTorrent browser is something that could interest many (although it is still Windows-only).

SVG Immersion: The Anything and Everything SVG Podcast. I can’t wait to see how cra-cra one has to be when talking about SVG to get an “EXPLICIT” label in iTunes…

Long ago, I read a lot of novels. One of his better works, IMO, was the Dark Tower series. And now that book series is being turned into a movie series. As always, it could suck, but it could also rock. Here’s hoping for the latter…

Medium‘s Better Human section recently offered a few articles that caught my attention, and sort fo feed into one another:

Now get out there and go gettum!

Typesetting.css is a nice-looking boilerplate for your CSS typography.

nines is a “web performance tool aimed to help developers find critical performance issues.” Nice!

automated-chrome-profiling is a “Node.js recipe for automating javascript profiling in Chrome.” Also nice!

But if you are frustrated trying to debug and resolve performance issues on your site yourself, you could always ask PerfAudit to do one for you… It’s interesting to read the case studies, seeing what issues they found, and what they recommend to fix them…

I typically prefer not to use web fonts; just to much hassle, and I (having no design-eye whatsoever) think browser fonts do the job just fine… But, if I had to use them, localFont makes a lot of sense to me.

And finally, black-hole.js is a pretty amazing tool to create black hole-like hover effects, using HTML5, JS and WebGL. And as amazing as the initial demo is, it’s the second demo that really pushes the boundaries of reality… :-)

Happy reading,
Atg

Today’s Readings

Space.js is a fun JS library to aid in creating 3D scrolling.

And speaking of scrolling, says we can do better than blatantly shoving a “Scroll Down, Stupid” arrow in our users’ faces so they know they should scroll down on our websites. His judgment is maybe a little extreme, but the options he offers are quite nice.

Should we focusing on learning architecture over frameworks? Admittedly an article intended to provoke discussion, it is too bad the translated article above didn’t properly reproduce the original author’s poll at the end; the properly-functioning poll can be found at the end of the original article, if you would like to contribute. (Though… there doesn’t appear to be a way to submit the poll once you’ve answered… Or am I missing something?)

Another thought-provoking article, this time from , reminds us that UX design !== UI design.

But if you do happen to be talking about UI design, it sure would be nice to automate the responsive design testing, wouldn’t it? Be careful, though, it does require a framework… ;-)

And as long as we are talking about UI, find out how to make use of the über-cool device orientation and vibration APIs as part of your UI!

One more for the UI, pulls back to the bare-basics for a nice, simple carousel.

Here’s a ground-up tutorial for creating an NPM-driven website or app. Behold the power of JavaScript…

And here’s a terrific ground-up intro to WAIARIA role attribute. Admittedly, I fit perfectly into the group describes in the article’s intro; this is exactly the kind of article that the web needs on the topic; this and one more for every other WAIARIA attribute…

For a new project at work, I am considering switching from Less to Sass, and there are a lot of resources that suggest it is the right move. And an article that demonstrate Sass’ power like this one only makes the choice see even more obvious…

Introducing Vector: Netflix’s On-Host Performance Monitoring Tool. I do not claim to be smart enough to understand a lot of what this article talks about, but I find it impressive nonetheless…

And finally, watch the Volcán de Colima o de Fuego, in Mexico, erupt in a beautiful time-lapse video

Happy reading (and watching),
Atg

Today’s Readings

I’m sure everyone has already heard this to death, but I think it should be repeated as often as possible, because it is just that important: On nearly the same day, but 10 years apart, John Allsopp’s industry-defining article A Dao of Web Design was published, and Ethan Marcotte’s future-predicting presentation A Dao of Flexibility was given, respectively. Landmark dates, to be sure…

Fascinating look under the hood, and back in time, at one of the most used, most famous technologies in web development today: jQuery author has annotated the very first version of jQuery, for your reading pleasure… :-)

show us a cool pure-CSS blend effect using clip paths, filters, and blend modes. Straight outta PS! :-)

While we making cool visual effects using SVG, check out these cool motion blur effects!

This article about speeding up WordPress by adding automatic image optimization references the WP Smush.it plugin, which uses a Yahoo! service that has apparently been abandoned. However, while apparently WPMU Dev works to continue the WP Smush.it legacy, one of the original authors offers a few suggestions.

So, remember when the first reports came in that the iPhone 6 was bendable, and then the world stopped spinning? And then reports came in that the Samsung S6 had the same problem, and then the universe collapsed?? Well, now there is a battery that bends, and it can charge your phone “in under a minute and may be safer than lithium-ion models”… So, turns out bendy is good… ;-)

Native web element animation methods get some new names, but everything that currently works will continue working. Probably mostly because no one in their right mind would be using those methods yet…

Would you prefer to debug IE using Chrome, Firefox or Safari? Ok.

Or maybe you prefer to debug IE using Android, iOS, and Mac OS X. Ok.

Adding icons to WP menu items seems rather elementary, but if someone took the time to write such a thorough tutorial, maybe it isn’t. In any event, now you know how!

Worried about performance? You better be! So, images optimized, CSS and JS minified, cache headers set, etc., right? But what about your HTML? Novel concept…

While you have the taste of performance in your mouth, here is a new podcast series that is all about performance!

Then how about security, everyone’s other fave web dev subject· Firefox just announced that even traffic that isn’t sent via HTTPS will get encrypted… So… I don’t need to go buy that certificate after all??

And for a whole different type of security, how about securing your website’s files on your server? (yeah, him again! ;-) ) walks us through moving certain files above the web root on your server to keep them out of reach. Smart stuff, and super easy.

Need to convert a blah.foo into a bloob.bar? No problem, CloudConvert can handle that, and pretty much any other file conversion you need done.

So, a new JS library called P5.js promises to make coding easy for designers to understand and delve into. I’m not sure the examples I see do that, but I will leave that to the designy-type peeps out there… Your thoughts?

And finally, the Cooper Hewitt Museum in New York City is easily one of the cooler museums I have been to, and it just got a whole lot cooler, when they introduced “the pen”

Happy reading,
Atg

What to Do After You’ve Watched The Daily Show or Last Week Tonight with John Oliver

A frustration I have had with shows like The Daily Show, The Colbert Report, The Nightly Show, and now Last Week Tonight, is that the shows inform me, and get me all riled-up, then just leave me to sit and steam; What can I do about this? Where can I turn to try to help change this?

So naturally I got quite excited when I saw an article from , a designer I know of from New York, titled What to Do After You’ve Watched John Oliver.

But I was quickly disappointed when I read the article and found he was merely talking about the same frustration I share, but was not offering any advice for what to do after I watched John Oliver…

Well then, I would be remiss not to try to help spread the word of one viewer that did find a direction, and did take at least some action. And so I share with you Can They See My Dick?.

If you do not understand the site’s title, then you did not watch the Last Week Tonight bit, and you should, like right now! So, before you judge or dismiss, go watch the bit, then come back and see what you think. At the very least, this site’s creator should get some shares for trying to do something.

Sadly, all-but hidden in the bottom-right corner of this site, is a link to actually take action, so be sure not to miss that!

And each of us that care about such topics, should try to find some way to help do something similar. As Khoi mentioned in his piece, the actions taken regarding Net Neutrality that were inspired by Last Week Tonight were huge; think what effect the same populace could have on larger, more life-affecting issues…

Happy taking action,
Atg

Today’s Readings

I have never been completely sold on the BEM-approach to organizing CSS, and this article doesn’t reach any more solid conclusions as far as I am concerned, but it is interesting to read about none-the-less.

Accessibility Wins is a curated list of sites that have, at least in part, implemented accessibility in a winning way. Much to learn here.

It’s a new web project. You’re starting from scratch. The front end is going to be clean and orderly. You’ve set your defaults. Your CSS files are organized. You’ve got a system! This time will be different. What could possibly go wrong?

Yeah, we’ve all been there. And CSS Dig does seem like a good way to start…

brings us the Chrome DevTools: State Of The Union 2015. Dig in!

A couple JS basic primers, get to know object-oriented prototype-based inheritance and the bind method a wee bit better. Both chock–full of useful tidbits.

And once you’ve brushed-up on the basics, check-out a couple approaches to handling multiple, simultaneous Ajax requests.

Something else interesting to me from this article, a little embarrassed that I wasn’t aware of it already: the abort method, available in both standard JS and jQuery

Design advice for developers: Five simple tips to help you become more design aware. Some practical basic advice.

Then you can learn not to do these 8 Design Elements Whose Time has Come. I do not agree with umber 6 at all, and while killing number 7 would always be great, it is not always practical, and I also have no idea why this has anything to do with design…

And finally, pretty cool dynamic CSS-only raindrops… Be sure to toggle the focus on the fore- and background… Nice!

Happy reading,
Atg