3.09.2015

As you all may know tonight TS 1.6 has been released.

A few notable changes that will make it better for us:

External module resolution improved

https://github.com/Microsoft/TypeScript/issues/2338

Before the module resolution was quite problematic, now it is more configurable and better designed for browsers environment.

Though with our current webpack loader we are quite fine.

Local types

https://github.com/Microsoft/TypeScript/pull/3266

Ability to define types within a scope

function f() {
enum E {
A, B, C
}
class C {
x: E;
}
interface I {
x: E;
}
type A = I[];
let a: A = [new C()];
a[0].x = E.B;
}

Very useful.

Type aliases

https://github.com/Microsoft/TypeScript/issues/1616

type…

Date: 21 July 2015 (If you are reading it on any other date then everything below is outdated)

Good news everyone: http://blogs.msdn.com/b/typescript/archive/2015/07/20/announcing-typescript-1-5.aspx

Changes to note:

1. ES6 module syntax.

It is official and will be with us in the following years:

// math.tsexport function add(x, y) { return x + y }
export function subtract(x, y) { return x — y }
export default function multiply(x, y) { return x * y }
// myFile.tsimport {add, subtract} from “math”;
import times from “math”;
var result = times(add(2, 3), subtract(5, 3));

So, let’s stop using the old Typescript modules. Old Typescript modules (“external”…


WebStorm is great for front end development, I use it every day.

I tried Sublime, VIM and even Visual Studio Code but none of them made me as productive as WebStorm does.

But one thing in WebStorm puts me off.

Is its support for Stylus.

Media queries are not recognised as a feature


04.05.20015

Good news, everybody, Microsoft has released a technical preview of Windows that works on Raspberry Pi 2.

Luckily I have an 8 inch Windows tablet with Atom processor, that I can use for experiments with Microsoft tech, because you need a physical device running a latest version of Windows 10 (which you can get by enrolling in their Insider developers programme) to burn the image of Raspberry Pi version of Windows.

One of many different registrations and sign ups I had to pass to get the OS image or some Visual Studio Extentions

After a day of trials and hacking, as a Node.js developer, I have mixed feelings about running Windows on Raspberry Pi right now. …


Update (2018)

It’s been a few years since I wrote this tool and since then it has been superseded by Yarn and offline mirror feature.
Yarn provides a better way to manage node_modules so I urge everyone to use it
I’ll leave the post below unchanged but obviously it is a bit outdated.

Since some time ago I can’t imagine doing commercial websites without Continuous Integration and node.js (io.js).

This post could be a short note about https://drone.io, https://codeship.com or https://travis-ci.org: how to set up your deployment branch, webpack and gulp and be happy.

But then real life happened…


I just wonder who infected designers with the idea that clicking is hard? Who came up with the idea that hovering a menu or a button is an improved user experience?

http://www.eventcinemas.co.nz/movie/The-Hobbit-The-Battle-Of-The-Five-Armies — Event Cinemas site is easy to pick on, how many bad UX decisions do you see?

How far from real users should you be to design a menu popping down when user hovers a button?

Or doing a time selection widget as a horizontal scroller of buttons that can only be scrolled by hovering an arrow icon?

I guess the older you are the more you rant but I just can’t forgive such incompetent UX design.


Damn, and I was doing bloody Medium code blocks with CMD + ALT + 6 which is a huge pain.

var a = 1;

Looks like we are witnessing a new way of delivery of styles for the web content.

At least for the Single Page Applications.

https://github.com/jsstyles/jss

A slightly more complicated but in a way similar approach is taken by React developers: https://speakerdeck.com/vjeux/react-css-in-js

It is not the first one I’ve heard of and it solves a few problems that everyone of web developers face:

- cascading of styles

- inability to minify stylesheets because classes are duplicated between HTML and CSS

I believe that the above technique won’t take off in this particular form but something similar will appear soon.

Cascading Stylesheets were…


Imagine a situation when a picky designer wants to use a fancy font for a banner or a promo page. It is a one time job and you don’t expect this fancy font to be used again.

Just rendered this line with a random font, this is not the actual design work

For the designers it is easy, they just create vector art work in Adobe Illustrator and then ask us, web developers, in what format do we want the assets for markup.

There are three wrong ways of doing it and I know one right way.

Designer can export fancy text as SVG

It will render crisp and nice on all devices.

But don’t be surprised by an 800 KB…


Update January 2015: Web is moving too fast and anything you read below may be (is) obsolete or common knowledge.

There is a relatively new module/bundling system for the Web called webpack http://webpack.github.io/.

http://webpack.github.io/

The most useful feature is how easy it is to not only refer modules of your JavaScript code, every module system can do this. But how simple it is to link your JavaScript code with styles, external scripts, images and HTML templates.

Konstantin Raev

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store