Monthly Archives: February 2015

Conference Proposals that Don’t Suck

Get picked: Russ Unger’s tips for better conference proposals

 

Conference proposals seem simple enough: throw your thoughts into a text form on a website, keep them within the suggested word limit, and hit send with high hopes of winning over organizers. But there’s much more to a successful conference proposal than meets the eye, and Russ Unger is here to walk through the steps involved with getting your germ of an idea into a polished state that will impress any committee.

Read more from the source: alistapart.com

Episode 9 – Ditching Cookies for JSON Web Tokens

Great screencast that will help you switch your REST APIs to use JSON Web Tokens

 

In this tutorial screencast we’ll look at how to implement JSON Web Tokens (JWT’s) by building a simple single page application that leverages this simple form of Token based authentication.

We’ll use Koajs on the server side, Angularjs on the client side and the jsonwebtoken package to show you the basics of JWT’s in just a few minutes of your time.

Read more from the source: knowthen.com

Removing User Interface Complexity, or Why React is Awesome

Write a native mobile app using React. It’s fast because React’s view-diffing magic lets you skip the compile step.

 

James Long gives an in-depth look at his first impressions using React Native, a framework for writing iOS and Android apps in React.

He says:

Facebook gave all attendees of React Conf early access to the source code of React Native, a new way to write native mobile apps. The technology takes everything that’s great about React.js and applies it to native apps. You write JavaScript components using a set of builtin primitives that are backed by actual native iOS or Android components.

We’ve all heard the promise of cross-platform native apps driven by JavaScript. Titanium, PhoneGap, and other projects allow various levels of hooking in with the native environment. All of them fall short. Either you’re just wrapping a web app in a web view, or they try to mimick HTML & CSS which is hard to build apps with. With the latter, you’re also interfacing directly with native objects all the time, which is doomed to fail performance-wise. React Native actually performs the layout on a separate thread, so the main thread is as free as it can possibly be to focus on smooth animations (it also provides flexbox for layout).

Read more from the source: jlongster.com

Google SoundScript: faster OOP for JavaScript

Chrome is toying with the idea of “use stricter” to allow significant speed improvements

 

Restrictions include no sparse arrays, ES6 class instances are sealed, and a few minor restrictions that have not yet been finalized.

Dr. Axel Rauschmayer summarizes:

Google is currently working on SoundScript, a way to speed up object-oriented programming in JavaScript. The content of this blog post is completely based on a recent talk by Dmitry Lomov. That is, everything I have written here is inferred from those slides and may or may not be correct.

Read more from the source: 2ality.com

The Gooey Effect AKA Shape Blobbing using SVG

Try this cool effect that uses SVG Gaussian blur, a color matrix and color blend to make two circles join together like drops of liquid

Lucas Bebber is the originator of some of the most creative effects I’ve ever seen on the web. So much so I couldn’t resist

SVG filters have good support, but not all browsers support them being applied to regular DOM elements, notably Safari. However, they do work at least on Firefox and Chrome, even the Android version, and the filter degrades nicely if it doesn’t work. If you absolutely need the effect to work, consider using SVG elements instead of DOM elements.

Read more from the source: CSS-Tricks

How cool are AngularJS $formatters and $parsers?

I’m using a model parser to allow inputs to accept dollar signs and commas while the model sees Number values

 

Cameron Spear writes:

Angular has this concept in directives called $parsers and $formatters. It’s mechanism to be able to format data from model to view so that it’s presented in a more human-friendly way to the user, and when they modify it, it can be translated back to a more computer-friendly mode. It leverages the ngModel controller to do this.

$parsers/$formatters are an array of actions that take in input, translate it to either the computer-friendly or human-friendly format respectively and return the translated value.

Read more from the source: Cameron Spear