Quick Tip: JavaScript Hoisting Explained

Jeffrey Way writing for Net Tuts:

Variable Declarations are Hoisted

Within its current scope, regardless of where a variable is declared, it will be, behind the scenes, hoisted to the top. However, only the declaration will be hoisted. If the variable is also initialized, the current value, at the top of the scope, will initially be set to undefined.

A good tip for the flux of new developers coming over to the JavaScript world. Hoisting is definitely a gotcha I remember running into. Read the whole thing for examples, it’s a good explanation.

A Comparison of Frontend Frameworks

Epilogue

My good friend Fred, was all like:

Ok, yet another UI toolkit built with Sass gumbyframework.com - We need a good side-by-side comparison for these…

— Fred Maya (@unmaya)

March 6, 2013

And then I was all like:

@unmaya Hmmmm, I may try to do this soon on theriseoffrontendengineering.com (@theriseoffee). Keep an eye out.

— Kevin Ridgway (@program247365)

March 7, 2013

And he was all like:

@program247365 @theriseoffee Nice, we have a volunteer :) Compare it against Zurb’s excellent Foundation 4 which I already enjoy using.

— Fred Maya (@unmaya)

March 7, 2013

Well I was going to do that, but then someone beat me to it. Click on the rows to reveal more information, about each frontend framework.

Using SVG

Not long after I posted yesterday about a great article on SVG Chris Coyier of CSS-Tricks fame also has a post on SVG, that I would be remiss for not linking to it also.

Chris says in the post:

SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know.

A Primer to Front-end SVG Hacking

David Bushell writes:

Using SVG (Scalable Vector Graphics) on websites is a lot safer than many front-end developers think.

Go on…

I’m listening…

I’m going to walk you through many conceivable implementations:

A great read on SVG. TL;DR: try it out on your next project, resolution independence is the future present.