JavaScript for Line of Business Applications

To solve realtime one needs to add a push to the pull. A message queue system like RabbitMQ excels at that, but adding an extra dependency to an application adds complexity and might scare you of. The alternative many would point to is Redis, but you may not be aware that your current database might have a publish/subscribe system built in to it.

If you use Postgres it does.

Fetch is a simpler way of getting resources in Javascript compared to XHR. This post is just a brain dump of how to use fetch to make requests.

The Fetch API is available in service workers today and in the global space (a.k.a in the normal Chrome window)

This is an opinionated guide prescribing the ideal usage of Kendo UI mobile widgets and application tools for building web platform sites or applications to be run on phones and tablets.

Build Meteor apps with Ionic… No Angular required!

Ionic is arguably the most comprehensive, polished, cross-platform mobile framework available. But unfortunately a large portion of its functionality comes from Angular directives. I'm not a fan of trying to force-fit Angular into Meteor, so I wanted to see if I could rewrite Ionic specifically for Meteor.

I started this project in my own free time, having an affection for geospatial data. The application itself was inspiried by the amazing online Google+ Photo Editor. This tool not only allows you to view your photos, but also allows you to see additional metadata associated with your photos. The metadata is in a format called EXIF (Exchangeable Image File Format), a standard that specifies the metadata that images should contain when a photo is taken using either a digital camera (including DSLRs) or a smartphone. This information includes details of the camera, settings of the camera at the time the photo was created (for example, aperture and shutter speed), and - my favourite piece of information - GPS data, which is the latitude and longitude of the place where the photo was taken.

CLI tool for effectively update translation keys, edit translations 

and open translation interface with support for MessageFormat.

L10ns supports ICU's Messageformat for handling plural,
genus context, ordinal, number and date formatting.

In order to optimize scrolling performance, we knew that we needed to keep paint times below 16ms and limit reflows and repaints. This is especially important during animations. To avoid painting during animations there are two properties you can safely animate: CSS transform and opacity. But that really limits your options.

What if you want to animate the width of an element?

How about a frame-by-frame scrolling animation?

These types of animations have always suffered from jank on the web, particularly on mobile devices, for one simple reason:

The DOM is too slow.

It’s not just slow, it’s really slow. If you touch the DOM in any way during an animation you’ve already blown through your 16ms frame budget.

Nines is a tool that helps developers pinpoint critical performance issues using performance statistics from the Navigation Timing API, Resource Timing API, median page load speeds for all users that have visited the page, and an assesment of the page using WebPageTest.org.

There are five sections of the performance bar, located and fixed at the bottom of the screen. Current refers to your performance statistics and Page Median refers to the median page load speed of the statistics gathered in the database. Click on Page Median to see median results from individual countries. Each of those columns as three numbers seperated by /'s. The first number refers to the backend load time, the second number refers to the frontend load time, and the third number is the total load time for that page.

So what actually is NoFlo? And why would you want to use it?

It has inspired me and filled me with a kind of excitement and energy that I've not felt for a long time. More specifically, the concept that NoFlo is created on has the potential to change the way you approach programming, forever. I'm deadly serious.

In the following series of posts I will dig into NoFlo, take a look at what can be done with it and show you how to use it. But first, let's unwrap this magical concept that NoFlo is based upon.

Getting a C++ game engine running in JavaScript, using WebGL for rendering, is a massive feat and is largely due to the toolchain that Mozilla has developed to make it all possible.

Since the release of the Unreal Engine 3 port to Asm.js I’ve been watching the response on Twitter, blogs, and elsewhere and while some developers are grasping the interesting confluence of open technologies that’ve made this advancement happen I’ve also seen a lot of confusion: Is Asm.js a plugin? Does Asm.js make my regular JavaScript fast? Does this work in all browsers? I feel that Asm.js, and related technologies, are incredibly important and I want to try and explain the technology so that developers know what’s happened and how they will benefit. In addition to my brief exploration into this subject I’ve also asked David Herman(Senior Researcher at Mozilla Research) a number of questions regarding Asm.js and how all the pieces fit together.

See in this article a brief, but complete, comparison among those three important and great JavaScript frameworks, which can impact directly in some choices for your project and company.

Contents:

• Introduction
• History of Frameworks
• Architectural Diagrams
• Features
• Size
• Getting Started with Frameworks
• Template Support
• Data Binding
• Router
• Views

As much as we all love CSS and Javascript frameworks, like Foundation for Websites, we know that these frameworks were built to be the base of a Website and the Web has changed. Since we have more Apps and fewer Websites being built these frameworks just aren’t enough anymore. They weren’t built to handle full-blown one page apps and so they have their issues when it comes to that.

Then came Foundation for Apps that intends to fill the void we currently have in these frameworks by adding a completely new grid and harvesting the power of Angular to make our job a whole lot easier.