A treasure-trove of tools for cross-device debugging, including a new one to me: Ghostlab, which syncs all actions and behaviors across all devices using viewing the same page, including filling in forms!
Or for some old-school single-device debugging, Chrome Canary’s Device Mode is seriously impressive, though still only emulators, not real devices.
A-to-Z CSS is a pretty fine-looking list get-to-know CSS videos. They’re up to “o” (for opacity) already, so you might have some catching up to do!
A thorough 3-part series of best practice tips for WordPress (parts 1 & 2 are linked at the top of this article).
Seems the much-maligned manifest is trying to make a comeback, as a completely re-designed, JSON-based spec, instead of that old wonky thing that we all hated so badly… Looks quite good, but the authors state repeatedly this isn’t ready for prime time yet!
The way a ground-up redesign process should happen, as explained by the internal team that re-did the now-responsive Guardian site. Fine work, and really well explained!
It’s official: WebKit won the Internet! Or at least we can all act like they did, because pretty much everyone else now supports their prefixes…
Very impressive collection of
input type="radio"-controlled interface options, from tabs to menus to modals to sliders to columns, all working sans-JS!
And while we’re hating on JS, here are 5 more CSS-only UI options.
I’m pretty sure everyone is sick of me yacking on and on about SVGs, so, if you’re one of them, skip this; otherwise, here’s a 3-part series on animating SVGs (parts 1 & 2 are linked from this article).
Don’t think I’ve encountered CSS’
step easing before, and couldn’t imagine why you would want to use it, but the author gives multiple useful purposes.
If you feel like you need to get your web performance read on, here’s a heckuva collection!
And what’s faster than “right now”? How about “hasn’t even happened yet”! Several options for trying to plan ahead based on what you think your users will do next…
There have been a lot of stabs taken at making semantic data
tables fit onto small screens. And at some point they all fail, but usually because no one solution solves all the various needs. Meet TableSaw. Which mushes a bunch of solutions under a single roof, letting you choose which method you need for which set of data.
Autoployfiller is brilliant… Scanning your site’s code to determine what polyfills it needs. Check out the code samples to see how easily it works, but brilliant idea!
select element, purportedly cross-browser, too! Fair bit of CSS (and nicely done, by the way!), but if all your drop-downs can look that nice, I say it’s worth it!
Wow, the code generator of code generators: Web Code Tools! From CSS3 to HTML5 to Microdata to Open Graph and more…
Ever wanna get the skinny on your CSS files (number of selectors, exact size, etc.)? CSS Analyser can help…
If you’re still fighting to pull CSS values from PhotoShop files, then this in-process extension might be your new best friend!
And finally, in case you missed it, Microsoft’s first web page was recently recreated, in all it’s image-based glory! For an amazing trip down memory lane (for some of us, or tales from the crypt for others), be sure to follow all the links and read the stories from the days of yore. Christian Heilmann has a few notes of his own on the subject as well.