A quick view at CSS Variables (Custom properties)

Introduction For quite some time we had variables in CSS with the help of SASS/LESS. Variables are useful, but they come with a drawback - you cannot use them in runtime. Well that time has ended - CSS variables are landing in new browsers. [screen taken - 2016-12-20, you can view up to date table here here] Caniuse table shows that major browsers aside Edge already support Syntax :root { --header-color: #06c; } #foo h1 { color: var(--header-color); } example taken from [0]
Read more

Vanilla Javascript challenge

Challenge Today while reading dev news I came across a 30 days Vanilla JS challenge. Idea is simple - there are 30 “tasks” you need to complete. The catch? You cannot use any libraries, compilers (lodash, jquery, react, typescript, angular..). In other words - we can only use vanilla js. In my humble opinion this a great way to practice javascript. We are using tons of libraries, precompilers, postcompilers .
Read more

Let's code: Learning Haskell #1

Introduction Last week has been very immutable for me. I was looking into redux, Elm, React - just the ideas and trying to implement something similar for Angular. For few years I have had a keen interest into functional programming and considered myself a good in the field. You know - using higher order functions, understand why null is evil - so code produced by me was “fairly” functional. Avoiding state, writing functions as pure as possible.
Read more

Angular 2 is cool. So is Typescript

Introduction Angular framework for building applications. Let’s do a review over its important parts. Language of choice - Typescript Angular was written in Typescript. As for Dart - Typescript was easily transpiled to Dart and that is how Dart version was maintained. It’s just that Typescript code required some things for Dart version to work. At some point (this summer) - Angular team decided to split Angular Dart project to a separate one for better or worse.
Read more

Beginner tips: Use functions to your advantage

Intro Looking on how to write better code? One way to do that would be to use functions more than variables. You want to define some variable which returns some data? Define it as a function! Example Let’s say we columns array: public columns: Array<Column> = [ { title: 'Name', name: 'name', sort: 'desc', type: 'text' }, { title: 'Surname', name: 'surname', type: 'text' }, { title: 'Section', name: 'section', type: 'select', data: this.
Read more