Today’s Readings

Let’s start off with something really cool: Macaw. I have to admit, when I first saw another WYSIWYG, I cringed, scoffed, and thought to myself, “not again…”. Then I made the time to watch the video, and was blown away! First of all, the editor itself is freaking awesome: incredibly powerful, and very user-friendly. But most important to me, the code that it outputs is gorgeous! The HTML and CSS are both semantic and minimal. At the very least this could be a great prototyping tool, but I could see a lot of designers falling love, and ending up outputting really beautifully coded sites. Nicely done, Macaw folks!

And once you have that fancy-shmancy site all built, has one helluva wrap-up on all things deployment-related. I mean every freaking possible option seems to be covered. Just pick your fave…

I’ve been wanting to get started with WebGL, and now there’s an Academy for it! :-)

Powered by Can I Use, I Want to Use is an awesome interface for “could I” and “should I”…

So much more than you ever wanted to know about border-radius, from the great and entertaining .

And here are four handy tools to verify all your new fancy border-radius (and any other) CSS.

Think you know all there is to know about JS objects? Find out

We all know to always push all CSS and JS into external files, to keep our code clean and organized, and so those files can be cached, right? Well, an article from Yotta reminds us that there are times when inlining CSS in a <style> block or JS in a <script> block can make a lot more sense. One situation the author doesn’t reference is one-off pages, like 404s, search results, any page that has a unique bit of code, could, and possibly should be served right inside that page, rather than delivering that code to all pages, or creating another HTTP Request for just that small bit of code.

Staying with performance for a second, let’s learn a little more about why translateZ(0) and translate3d(0,0,0) can be a good thing. And like all good things, you can get too much of it…

And from that article is a link to a deeper look into using DevTools’ Profile to debug poor performance.

The first step to better performance is send less shit to the browser. And so the question: Do you have any old legacy stuff littered around your code?

But if you want to really geek-out on performance, how about all of the Velocity 2013 talks described, and linked, in one page. Oh my.

Okay, enough of all that official “work” sounding stuff, let’s play with scrolling! Load the demo page, then just keep scrolling down, slowly, and enjoy all the fun header transitions. See? Fun!

Now for real fun, Prime Numbers, Factorial, and Fibonacci Series with JavaScript Array! Yeah!!

The Top 22 Web Performance Posts of 2013 (So Far!). Wow, gonna need a comfy chair and a tall glass of something cool for this reading session!

I would book a lot more flights if ANY airline site was like this

Any coder knows, regular expressions are great to use, but they suck to try to write, always have, always will. Well, maybe they always won’t

On a current work project we’re using SVG icons for responsive, cross-display support. Of course, we don’t want to send all these individual SVG files across the web, so we wanted to convert them to data-URIs, then serve them via CSS. Enter grunticon. We love it: just pop some SVG files into a folder and run the grunticon process. You now have SVG data-URIs, plus PNG data-URIs to serve to older browsers, and even static PNG files to serve for really f-ed up browsers. Read how the process works, then dive on in!

Hmm, and now I’m reading this article… Hmm…

Nice looking ARIA presentation on roles, states, properties, and keyboard access. As usual, though, they would certainly be more informative with the audio, or at least a transcript.

I don’t claim to understand any of this article about animating SVG lines, but if is writing about it, and is impressed by it, it’s worth sharing…

CSS Guidelines. Now that’s a lot of thinking about CSS…

It might seem passé at this point, but classList is just cool! And while browser support is not very good, especially for mobile, remember there’s a polyfill for that!

If you’re a WordPresser, you mind find interesting this list of deprecated functions in v3.6rc2. Would be interesting to see this list run again against the actual, now-released v3.6, too.

State of the Union: Page Speed & Web Performance [INFOGRAPHIC]. Man, as professionals, we suck…

Progressive Reduction is an interesting concept, but one that requires pretty extensive tracking of your user’s behavior, multiple design (and therefore testing) patterns, and a changing environment that might still confuse some users. Not sure about this one…

Cool 3D effects, and I like the animations. Can imagine a few interesting interface uses for such an effect. Would also be a great way to demo UI interactions…

And finally, lest we forget from whence we come, how large was your first hard-drive? While nowhere near this size, mine, at a whopping 1MB, was the size of a shoebox…

Happy reading,
Atg

Leave a Reply

Your email address will not be published. Required fields are marked *