Designing Ryanair’s Boarding Pass

In the following article we’ll outline the beginnings of the project, some of the challenges we encountered and ultimately what we learned from the process of redesigning Ryanair’s boarding pass. Difference between this redesign and many of the Dribble shots that can be found online is that this one was actually tested early on, and …

Nodal – API Services Made Easy With Node.js

Nodal is a web server for Node.js, optimized for building API services quickly and efficiently. Boasting its own opinionated, explicit, idiomatic and highly-extensible framework, Nodal takes care of all of the hard decisions for you and your team. This allows you to focus on creating an effective product in a short timespan while minimizing technical …

Chrome DevTools Custom Object Formatters

Here’s a little Chrome DevTools gem: it supports the use of custom Object formatters. Object what? Object formatters allow you to control how the value of a JavaScript object appears in Chrome’s console and debugger. Say you’d like to visualize a 2D vector, instead of seeing “just” { x: 1, y: 2} appear when pushing …

pm2 – Advanced Production Process Manager for Node.js

PM2 is a production process manager for Node.js applications with a built-in load balancer. It allows you to keep applications alive forever, to reload them without downtime and to facilitate common system admin tasks. Instead of starting your apps using node app.js, start them using pm2 start app.js pm2 – Advanced Production Process Manager for …

OreillyCover Twitter Bot

In succession to those hilarious The Practical Developer Book Covers, the Twitter bot @OreillyCover has been created by @GNUmanth. It allows you to roll your own book covers by just tweeting at it. Feed the bot tweets using the following format: @OreillyCover /orly {title};{topText};{author} Tweeting @OreillyCover /orly Hanging out on Slack;Being unproductive without feeling guilty …

ReactiveElements: Convert React.js components into Web Components

Create your component as you normally would, and then register it on the document using document.registerReact(…) /* @jsx React.DOM */ MyComponent = React.createClass({ render: function() { console.log(this.props.items); // passed as HTML tag`s argument console.log(this.props.children); // original tag children return <ul><li>React content</li></ul>; } }); document.registerReact('my-react-component', MyComponent); You can then use it as follows: <body> <my-react-component items="{window.someArray}"></my-react-component> …