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.
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.
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?
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.
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/.
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.
