By Matt Baker There are a lot of articles out there discussing the use of ES6 generators to remove the “callback pyramid” we so often encounter in JavaScript. Unfortunately, most of them rely on libraries, and few tell the whole story. In this article we’re going to go step-by-step. We’ll progressively modify a toy callback-based […]
How Kendo UI Uses Kendo UI To Build Angular Directives For Kendo UI
By Burke Holland When Telerik first launched the Kendo UI framework as a Beta in November of 2011, we knew that it was going to be very important for any UI widgets we built to integrate easily into other JavaScript frameworks. We saw that code was shifting to the client, and heavy code on the […]
Learning SVG
By Joseph Wegner In my book, SVG is classified as a mythical unicorn super technology. SVG shares this category with other technologies like RegExp, vim, and OpenGL. The common traits between each of these technologies is that they are incredibly useful when used correctly, but incredibly difficult to use correctly. All three pack some serious […]
Building a Parallax Scrolling Game with Pixi.js – Part 4
By Christopher Caleb Welcome to the fourth and final tutorial in the series detailing how to build a parallax scrolling map using JavaScript and pixi.js. In the previous tutorial we started writing the scroller’s foreground layer by implementing an object pool and learning how to work with sprite sheets. Today we’ll actually construct the foreground […]
CSS Regions Matter
By Sara Soueidan I wrote this article before the news came out that Google decided to pull Regions out of Blink, which, in my opinion, is a big loss for the web community. So, even though the content of the article may go in vain, I think it’s still worth sharing why I think CSS […]
Using CSS Regions in Responsive Designs
By Brian Rinaldi The CSS Regions specification allows you to create multiple containers into which content can flow into and out of. This can be especially useful for creating complex, magazine-like layouts with irregularly shaped content layers. Recently an article came out that has led many people to feel negatively about the CSS Regions spec. […]
Managing Bower Components with Grunt
By Simon Smith Iit took me a while to get on board with using Bower as part of my main development workflow. My biggest gripe was the way it handled repositories that were missing a bower.json file to configure ignored files, etc. In that scenario the whole repository is installed into the bower_components folder and […]
BDD in JavaScript with CucumberJS
By Todd Anderson I have previously written about test driven development (TDD) in JavaScript, most notably using the behavior driven development (BDD) style library Jasmine in a series on building a Test-Driven Grocery List Application. In that posts series I went through thinking of User Stories for Features and Scenarios as actual development tasks, and […]
Static Analysis For CSS
By Toby Ho Static analysis involves analyzing, rather than executing, source code, a process that is typically automated. Recently, I’ve had fun writing about static analysis for Javascript. This time, we’ll do something that’s similar but different - static analysis for CSS. The CSS Module The library we’ll use to help perform the static analysis is simply called css and it […]
Private Variables in JavaScript with ES6 WeakMaps
By Nick Fitzgerald WeakMaps are a new feature in ECMAScript 6 that, among many other things, gives us a new technique to hide private implementation data and methods from consumers of the public API we choose to expose. Overview Here is what the basics look like: const privates = new WeakMap(); function Public() { const me = { […]