background preloader

Further reading

Facebook Twitter

Lukehoban/es6features. The Dao of Immutability — JavaScript Scene. Immutability: The true constant is change. Mutation hides change. Hidden change manifests chaos. Therefore, the wise embrace history. If you have a dollar, and I give you another dollar, it does not change the fact that a moment ago you only had one dollar, and now you have two. Mutation attempts to erase history, but history cannot be truly erased. Separation: Logic is thought. If you try to perform effects and logic at the same time, you may create hidden side effects which cause bugs in the logic.

Composition: All things in nature work in harmony. Plan for composition. Conservation: Time is precious, and effort takes time. Type-specific functions can’t be reused for data of a different type. Flow: still waters are unsafe to drink. [Editor’s note: The only illustration on the scroll was a row of different-looking ducks floating down a stream just above this verse.

Creating Desktop Applications With AngularJS and GitHub Electron. GitHub’s Electron framework (formerly known as Atom Shell) lets you write cross platform desktop application using HTML, CSS and JavaScript. It’s a variant of io.js run-time which is focused on desktop applications instead of web servers. Electron’s rich native APIs enables us to access native things directly from our pages with JavaScript. This tutorial shows us how to build a desktop application with Angular and Electron. The steps for this tutorial are as follows: Create a simple Electron applicationUse Visual Studio Code Editor to manage our project and tasksIntegrate an Angular Customer Manager App with ElectronUse Gulp tasks to build our application and create installers Creating Your Electron Application To get started, install Node if you don’t have it in your system already. There are two package.json files in this project. For developmentThe package.json directly inside the project root contains the configurations, dependiencies for your development environment and build scripts.

The introduction to Reactive Programming you've been missing. The introduction to Reactive Programming you've been missing (by @andrestaltz) This tutorial as a series of videos If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: - Introduction to Reactive Programming. So you're curious in learning this new thing called Reactive Programming, particularly its variant comprising of Rx, Bacon.js, RAC, and others. Learning it is hard, even harder by the lack of good material. When I started, I tried looking for tutorials. I found only a handful of practical guides, but they just scratched the surface and never tackled the challenge of building the whole architecture around it. Rx.Observable.prototype.flatMapLatest(selector, [thisArg]) Holy cow.

I've read two books, one just painted the big picture, while the other dived into how to use the Reactive library. The hardest part of the learning journey is thinking in Reactive. "What is Reactive Programming? " Yes. Nice. Paul Ford: What is Code? | Bloomberg. A computer is a clock with benefits. They all work the same, doing second-grade math, one step at a time: Tick, take a number and put it in box one. Tick, take another number, put it in box two. Tick, operate (an operation might be addition or subtraction) on those two numbers and put the resulting number in box one.

Tick, check if the result is zero, and if it is, go to some other box and follow a new set of instructions. You, using a pen and paper, can do anything a computer can; you just can’t do those things billions of times per second. Apple has always made computers; Microsoft used to make only software (and occasional accessory hardware, such as mice and keyboards), but now it’s in the hardware business, with Xbox game consoles, Surface tablets, and Lumia phones.

So many things are computers, or will be. When you “batch” process a thousand images in Photoshop or sum numbers in Excel, you’re programming, at least a little. 2.1 How Do You Type an “A”? It’s simple now, right? 2014 AXS Partner Summit Keynote. The hacked Sony emails show how Silicon Valley dealmaking really works. Sony Pictures’ thousands of hacked executive emails, published yesterday on Wikileaks, have already highlighted significant drama at the studio. But now that they are more easily searchable, typing a few simple keywords—names, companies, internet domains—reveals a fascinating trove of communication. These discussions include financial negotiations and personal (and professional) favors; the messages range from the mundane to the regrettable. Snapchat stories Snapchat, the fast-growing messaging app that is expanding into mobile video, is a frequent topic.

That’s for good reason: Michael Lynton, the CEO of Sony Entertainment and Sony Pictures—whose emails these are—is on its board. In one January 2014 correspondence, Twitter CEO Dick Costolo emails Lynton, noting he has “a couple big ideas” about how Twitter can work with Snapchat and its young, impressive founder, Evan Spiegel: Almost two weeks later, Costolo is back with another message about Spiegel. All caps Orbitz for moguls. Analytics For Hackers: How To Think About Event Data - Michelle Wetzler of Keen IO. There’s this new and really powerful type of data: event data. Well, it’s not really new. I bet you are already familiar with event data, even if you don’t know it by that name. Event Data is Everywhere Events are happening all around us. In our apps, cars, appliances, servers, and even in our brains.

I’ll leave that question open and focus on an easier one for now. Entity Data The easiest way to learn the concept of event data is to compare it to another type of data: entity data. Entity Table Example (Enemies Table) Entity data is stored in tables. Most databases have been designed to store entity data. Entity data is really good for capturing the current state of you application. One characteristic of entity databases is that they are normalized. One drawback to this data model is that in order to run analysis on the entities, for example, sort employees by department name, you must pull in data from multiple tables. Event Data Event data example: “publish” event 1. 2. 3. 1. 2. 3. 4. The Best Time of Day for Creative Thinking. 10 Películas para diseñadores. Publicado el 12 / 02 / 2013 Aceptémoslo, como diseñadores o simplemente aficionados de la cultura visual, somos mucho más exigentes a la hora de elegir una película para un ver una tarde cualquiera. Puede ser que no tengan el mejor guión, ni la mejor actuación, pero buscamos películas que nos estimulen visualmente, que sean únicas y con propuestas visuales que se diferencien del resto.

Justamente esa es la razón de este post, un pequeño top 10 de películas que a título personal, pienso que destacan por su apartado visual y que a muchos de nosotros podrían interesarnos como una buena referencia que nos ayude a desarrollar el ojo. Tron: Legacy (2010) Director: Joseph Kosinski Probablemente una de las más conocidas, pero que sin embargo no deja de sorprender por los extraordinarios efectos especiales que posee. Moonrise Kingdom (2012) El laberinto del Fauno (2006) Director: Guillermo del Toro Una historia mucho más oscura de lo que parece, ambientada en medio de la guerra civil española. Animating Vectors with SVG. It is almost 2014 and fifteen years ago the W3C started to develop a web-based scalable vector graphics (SVG) format. As web technologies go, this one is pretty old and well entrenched. Embed not working on your device? Try direct. Unlike rasterized images, SVG files will stay crisp and sharp at any resolution.

With high-DPI phones, tablets and monitors, all those rasterized icons are starting to look a bit old and blocky. There are several options to get simpler, decorative pieces to render smoothly and respond to various device widths, shapes and sizes. Symbol fonts are one option; the other is SVG. I’m a big fan of SVG. But, if SVG is so great, why doesn’t it get more attention? The simple answer is that for a long time it wasn’t well supported, so no one touched the technology. Although the browsers support SVG, it is implemented in many different ways. SVG in HTML Some browsers allow you to embed SVG right in the HTML: the <svg> element.

It is a great workaround for most situations. Creating a Drupal 7 Theme from Scratch. Drupal is a powerful, customisable and easy to work with open source content management system (CMS). It has a thriving community of users and developers who are constantly improving the software so it supports the latest web technologies. Bravo to those many developers and users that have worked so hard to make Drupal what it is today and what it will be in the future.

One of Drupal’s core principles is collaborative information sharing. So in order to make you part of the community we will take you through the journey of creating a theme from scratch on Drupal 7. We are going to keep it simple by creating a minimalist theme in order to get you comfortable with the basic concept of building your own. How to Create a Drupal Theme What we will be covering in this tutorial: Basic setup of the files and folders of a custom themeCreating a mock-up in an image editorBuilding and styling the themeCreating a sliderHeaderFooterAbout us page, blog and contact formAdding social sharing buttons Blog. Austin Smith: Customizing The Admin Area With Fieldmanager. A Dao of Web Design. What Zen was to the 70’s (most famously with motorcycle maintenance), the Tao Te Ching was to the 90’s.

From Piglet and Pooh to Physics and back, many have sought sense in applying the Tao Te Ching to something (the Tao of Physics), or something to the Tao Te Ching (the Tao of Pooh). It can be a cheap trick, but lately it has struck me that there is more than a little to be understood about web design by looking through the prism of the Tao. Article Continues Below Daoism is a philosophy, like Buddhism, a way of living, of being in the world, which stems from a text of great antiquity, the Tao Te Ching, whose 81 “chapters” enigmatically sweep across human experience, but with a strong common theme, that of harmony. For the last couple of years, for better or worse, my life has revolved more than a little around style sheets. What I sense is a real tension between the web as we know it, and the web as it would be. Same old new medium? Controlling web pages#section3 [The Sage] The Way#section6.