Frontend

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

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

Let's code: Creating functional table with Angular

Offtopic Currently volunteering in organisation called “Erasmus student Network Lithuania”. Working with a team to develop internal HR system. Intro Looking at the requirement - there is a need to display data. A list of users. And some actions which can be done with each of the user. Table is a good way to make data look good. Let’s try to design how could this table look. Basic requirements Table might need to display hundreds of records - pagination No need for selecting rows There will be action buttons in each row to interact with user Inline editing Should look nice (we don’t really care about design, just nice is enough) Filtering Sorting Attempt #1 Using bootstrap - just the markup with some *ngFor magic.
Read more

Quick glimpse at world of Elm

Intro Recently I have came across a thing called Elm. It is a functional programming language dedicated to frontend. About language itself Functional language You will not have to worry about state mutations No runtime errors. I’ll just leave that here Friendly and helpful community. Go to slack, try talking - not only you will get your answers - but community will make you feel part of it Simplicity.
Read more