How Tall is Yoda? At UtahJS on 8/19/2014 I gave this Star Wars themed presentation that compares different types of loops

Learn ES5 Array methods and lodash with my walkthrough that shows side-by-side comparisons of practical examples

 

We’ve come a long way from 2005. PrototypeJS brought us many Array.prototype methods such as #each, #filter, #pluck, #invoke, #any that have inspired ES5 Array methods and lodash methods.

Given an array of objects that you might receive from a database, what do different tasks look like with a regular for loop, jQuery.each, ES5 Array methods and lodash?

Review and try out the code and you’ll learn something about ES5 and lodash–and maybe even Star Wars.

View Presentation

Speeding up AngularJS apps with simple optimizations

What you should know when encountering performance problems in AngularJS

 

From the article: “AngularJS is a huge framework with that already has many performance enhancements built in, but they can’t solve all our problems. No matter how fast the framework, we can all create sluggish code through bad practices and not understanding key concepts that help it perform well. The following performance pointers are some of the things I’ve learned from developing Angular applications that will hopefully enable you to keep building fast applications.”

Some highlights:

- The latest beta of 1.3 allows one-time binding syntax: {{ ::value }}

- Use $scope.$apply correctly

- Be careful with ng-repeat

- Be frugal with filter expressions

Read more from the source: Binpress

Styleguide Driven Development

Take your styleguide to the next level: mock up all the possible scenarios

 

You might think, do we need another *DD acronym? Maybe not, but hear this out.

From the article: “Styleguide Driven Development is a practice that encourages the separation of UX, Design & Frontend from Backend concerns. This is achieved by developing the UI separately in a styleguide.”

Some of the pros:

1) You spend a lot of time on the style guide so that designers can answer questions up front. E.g. What should this look like with no items? With more than 25 items? When the user is logged out?

2) UI and Development teams can work together better

3) testers can easily compare the functionality with the intended design.

Read more from the source: envato.com

Where and when did the [x] first enter into the UI lexicon?

Why do we use an “X” symbol to close or exit? Lauren Archer takes us down memory lane and traces the history of [x] to Close

 

X’s are everywhere in user interface (UI) design. A powerful symbol, [x] is capable of closing windows and popups, toolbars and tabs and anything else that might otherwise be cluttering up your screen.

Clicking on [x] to close a feature has become an instinctual part of using a computer and a standard in web and software design. Although it may seem like the ubiquitous [x] has always been a part of Graphical User Interfaces (GUI), a quick jaunt through the history of GUIs reveals that this actually isn’t the case.

Read more from the source: Medium

His 3-month sabbatical: “The original plan was to devote a month to getting my life back in order again, both mentally and physically”

Freelancer Jonnie Hallman’s fresh perspectives after a 3-month sabbatical

 

His key learnings included:

1. Establish routines that keep you focused and healthy. Join a gym and eat healthy.

2. Have the confidence and restraint to say no to clients. Empower yourself with the ability to turn down offers–even good offers.

3. Go at a reasonable pace to avoid burnout. Don’t be afraid to take things slowly.

4. Recognize that your sanity comes at a monetary cost–less work means less income. But decide that it is worth it.

Read more at destroytoday.com

HTML5 Prefetch: predict users actions and optimistically load resources ahead of time for better performance

Use HTML to tell the browser to prefetch content or even prerender a page

 

DNS prefetching is supported by IE9+ and all other major browsers.

Amazon.com is already using dns prefetching on its web site:

Subresource prefetching is supported by Chrome. Example:

Content prefetching is supported by IE10+, Chrome and Firefox. Example:

Page prerendering is supported by IE11 and Chrome.

Read more from the source: Medium