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.

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

A Long Winded Way to Say, I’m Just Going to Punt, and Link To Someone Else’s Research on Frontend Frameworks

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.

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.

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.

A funny blog on ‘hipster dev stack’, making fun of always grabbing for the new hotness.

From the site:

A collection of best front-end frameworks for faster and easier web development.

I like the nice listing of frameworks, and the icons displaying whether the framework is responsive. The hover popup is nice for further information too.

The Closure Compiler is a tool for making JavaScript download and run faster. Instead of compiling from a source language to machine code, it compiles from JavaScript to better JavaScript. It parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what’s left. It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls.

A neat collection of JS libraries and other goodies for data visualization and infographics.

A neat list for ** for making websites

The UX for this color picker online is so good – move mouse to scan colors, click to select, repeat.