Today’s Readings

As promised, so it begins

The FCC officially published its new net neutrality rules to the Federal Register yesterday… Opponents wasted no time. CTIA, the trade association that has represented the wireless industry since 1984, filed a lawsuit with the DC Circuit Court of Appeals today.

Jackasses.

YAAOT, this time talking about how JSCS can help format and lint your JS code, even using your own Style Guide as a guideline!

I like the idea of responsive logos, morphing and reacting to screen size, I think it’s smart and makes sense. Just be sure you have design’s & marketing’s buy-in before delving into this…

And speaking of responsive images, I hadn’t been to the RICG‘s site in some time, wow there’s a ton of info there now, I can’t believe how fast this tech has exploded!

So, how is your JS Module Pattern strength? Solid? If not, have a refresher, it does a code base good. :-)
(Includes discussion about CommonJS, AMD and ES6, so get your coffee first…)

And if you’re still with me, why not keep driving and veer straight into the Singleton Pattern?

Pure CSS gradients don’t animate, we all know that. So, a simple trick to make it look like they do, which is all anyone really cares about, right??

Style Guides. Yeah, it’s great to develop with one, but they’re such a pain to maintain… But what if your style guide could maintain itself?

writes about Accessibility and Low-Powered Devices and mentions that “[t]here is a difference between ‘support’ and ‘optimization'”, meaning what the device/browser thinks it can do, and what it really should do…

As I read this next article, I kept waiting for the sarcasm to end, but author appears to be honestly saying that we should drop a lot of ARIA role, state and property attributes. Now the conundrum: Do you keep them so you appear to know your ARIA, or do you remove them, since not adding is really knowing your ARIA…??? :-/

Always odd to see a situation where Chrome is playing catch-up to Firefox & IE, but it does happen…

I love the comic / superhero genre, and love the explosion the genre is making into movies and TV. The latest, Marvel’s Daredevil, was never a big fave of mine, but the new show on Netflix is quite good, if not a bit too graphic. But today, it is the tech, and visually-challenged viewers, that win the day!

Loads of great, positive accessibility news this issue, love it! :-)

Make your hyperlink underlines less obnoxious with text-decoration these tweaks. text-decoration-skip sure looks awesome, can’t wait for that to be usable!

If there are two things every dev needs, it is coffee and juice (as in power). Now one can provide the other

A subject near and dear to my heart, and liver

In related news, remember, you are what you eat

And finally, “Germany is proving renewable energy naysayers wrong.” Yes they are! And, having lived here for the past three-pluß years, I can tell you it is not because it is so much sunnier over here than it is in the US! It is because they have committed to clean energy, and then went about making! Simple as that. Most houses, even in small villages, have solar panels all over their roofs, fields along the Autobahn have solar panel farms, wind turbines can be seen in nearly every vista, and they are scheduled to be completely nuclear-free in just a few more years. US, you are still my nation, but just because it is different, doesn’t make it bad. Let the dead dinosaurs and plants RIP, and march proudly into the clean, breathable, future. Shit, even China is moving in the right direction!

Happy reading,
Atg

Today’s Readings

Following the introduction to the WAI-ARIA role attribute article mentioned in the last Today’s Readings, offers an introduction to the WAI-ARIA 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 WAI-ARIA 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 WAI-ARIA 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 WAI-ARIA 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