Today’s Readings

Wow. Debug desktop Chrome, Chrome on Android, or Safari on iOS, all from your desktop FirefoxFirefox; get back in the game!

Speaking of “not who you expected”:

The IE Web Driver Tool enables developers to create automated tests that simulate users interacting with webpages and report back results in Internet Explorer 11. It can also manage testing across multiple windows, tabs, and webpages in a single session.

There has been a lot written as to whether JS or CSS is better for browser-based animation. As with most things in our development world, the answer is resoundingly: it depends… But one thing is for sure, and that is that if you need JS to do your animation, animating without jQuery is preferred.

BuyPartisan, a free app for iOS (Android version is coming soon), allows shoppers to scan the bar code of a product they’re considering buying, which brings up that company‚Äôs political spending information, including the donations of the CEO, Board of Directors, employees, and political action committees (PACs).

BAM!! I love this!! And for the icing on the cake:

The app also allows users to compare that info from several companies, in order to find products from companies that best support their values and beliefs.

I always love seeing how other people do stuff that I also do; I always feel like there is something to be learned. And there are plenty of possibilities for learning in this two-part series on the complete web design toolkit (but it’s actually all about web development; Part 2). The series covers everything from picking an IDE, to version-control, pre-processors, task automation, command line, local dev environments, device testing, and continuous deployment…

Speaking of how others do stuff, very thorough performance review and improvement article from Smashing Magazine.

And speaking of version-control, if you’re still not convinced that it makes sense, or you’re still struggling with that initial learning curve, here is a nice, simple starter on Git from A List Apart.

How do you add CSS on the fly? Adding directly to the element via .style or .css(...)? I have created style blocks and appended them as well, when I needed large changes at once, that maybe need to be replaced all at once. But shows us how to easily append styles to stylesheets, whether pre-existing or created on the fly, including @media queries!

Map Glyphs has hundreds of scalable vector map icons of the world, continents, globes, countries and states.

Holy crap, that’s awesome! :-)

From comes an element @media query polyfill. Need to look a little more closely, on a bigger screen than my laptop, not sure it was working 100% correctly, but it’s an interesting approach, and keeps all the breakpoint info in the CSS (as opposed to using something like data attributes in the HTML), which is nice. Thoughts?

A four-step tutorial on how to reduce image sizes for the web. It’s so easy, yet it is still probably beyond what most people will bother doing…

Kinda weird that this comes from PayPal, but they’re created an Accessible HTML5 Video Player, offering custom controls (based on native HTML5 form elements), VTT caption support, and keyboard-only and screenreader support… But, from PayPal? Are there even videos on the PayPal site??

Pretty nifty-looking site tour, nicely highlights parts of your pages, walking users through interactions. I like the animations from item to item.

Serious collection of performance-oriented… things. From bookmarklets to Chrome extensions to Node modules to Gulp plugins and more! (And since when is .today a top-level domain?? I guess since all of these became top-level domains too… Wow…)

And finally, I’ve mentioned a few classic games in past issues, and now we also have Jenga! Really well done! Can’t decide if watching the tower fall in seemingly slow-motion is worse or not… ;-)

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.