With the incredibly powerful news that iOS Safari 9.1 will finally support the picture element, support will soon take a huge leap forward, making art direction implementations a much more available option!
There are a couple other features worth noting in the 9.1 release notes, including the removal of the hated 350ms tap delay, and adding support for CSS variables and the will-change CSS property!
Also pretty powerful news that AWS is now offering free SSL certificates!
And speaking of AWS, here are a few best-practices for using AWS’ IAM.
Yet another nice, simple, easy-to-follow “use Flexbox for your complex layout” demo. Though published by WPMU DEV, there is nothing specifically having to do with WordPress here, everything in the article is applicable everywhere…
And as long as we’re playing with Flexbox, the Flexbox Playground CodePen is an awesome way to play with, get to know, and be awed by, all the various flexbox properties and attributes… It’s almost too powerful to fully grasp, when you consider all the combinations you can create…
The great Remy Sharp shows us How Tabs Should Work (UI tabs, not browser tabs). Considering his impressive list of requirements near the top of the article, a wonderful solution to a very common, and commonly-troubled, UI pattern! (Note that he even offers a non-jQuery version near the bottom!)
And while we’re re-thinking UI patterns, here is a great walk-through on the thinking of, and designing, a new mobile navigation menu for PlayStation.com. As the first commenter states, it is always nice to see the thought that goes behind design.
A very nice, easy-to-follow Part 1 of JavaScript Modules: A Beginner’s Guide. Looking forward to Part 2!
And since the previous article started talking about ES2015 (formerly ES6), this ES6 Cheatsheet might also be useful… :-)
The Responsive Breakpoints Generator certainly got a lot of attention in the last couple weeks, and deservedly so. This Smashing Magazine article does a nice job of explaining the problem this tool solves, and how to best go about using it.
A Gulp-Based External SVG Symbol Sprite Icon System. As the author, Una Kravets, admits, it’s a horrible title, but it’s a great article on the subject!
And sticking with Una for a sec, I have to admit that I understand very little of what she is saying in her dotCSS 2015 presentation, but the effects she gets solely using CSS Blend Modes, Filters and Gradients, are amazing…
And finally, I have mentioned before that I basically have no interest in computer game playing. But I cannot deny the power of the technologies used, and the impressive visuals that are created within them. So if you are interested in game development, check-out this HTML 5 game development video series!
Happy reading,
Atg