Category: Front-End

  • Reduce image assets size on MacOS

    Every now and then I need to work on a front end project that has large amount of image assets. In this article I’ll give you my go to list with MacOS apps I use to reduce the file size and speed up loading times.

  • Working SCSS Sourcemaps with Angular 6

    If you are an Angular developer, you’ve probably noticed that since Angular 2+ they break with almost every release. After wasting many hours in futile attempts to fix them and going through numerous report on Angular GitHub page I finally got to a setup that works. Fixing dependencies (vendor) sourcemaps Open angular.json and find targets->build->configurations…

  • Vuejs Live Templates for Webstorm

    IntelliJ IDEA (Webstorm) comes with many live templates but it has none for Vuejs 2. I’ve created a few simple templates to use for my projects. All the templates assume you’re using a transplier for ECMAScript 2015. Vue components template is setup for usage with SASS but you can easily modify it and use Stylus…

  • Angular CLI serve and base href

    Several months have passed since Angular 2 was released. Then came Angular CLI promising easier scaffolding and better integration. It’s still in beta and as expected there are things to improve. One thing that confused me was ng serve and the lack of <base href> support. It’s easy when using ng build with the -bh…

  • How to Customize Bootstrap – Dos and Don’ts

    Twitter Bootstrap 3 is great for creating responsive websites. It comes with many components and features that are easy to use and has a great documentation. That’s not always enough. Sometimes you need additional JavaScript functionality or custom CSS. You might even want to add additional jQuery plugins. Sooner or later you’ll hit an issue…

  • JSON vs XML

    Many of you have probably wondered which format is better or which should be used. You might have even participated in a full blown nerd rage war on the matter. Both formats are good when you want to describe a hierarchical structure. Differences XML is a markup language and is good for documents description or…

  • Applying CSS Styles Before Printing with AngularJS

    In a world full of fancy shining jQuery plugins one can’t simply print. Often you’ll be using a grid JavaScript plugin or another heavy visualization component. One of the pitfalls you might experience with those components is that they don’t look nice when you try to print them. Sometimes this can’t be solved by with…

  • How to open FXG files?

    Most of you, who’ve used Adobe Flex related products have probably used Flash Catalyst and the FXG format. You can open your old FXG files with Adobe Illustrator CS 6 or Flash Catalyst CS 5.5. Unfortunately (as it happens to all Fllex related technologies these days) the new version of Illustrator (Illustrator CC) can’t open…

  • Introducing Starling

    Very nice examples with Starling Framework. There is also a book 😉 Download it from here.

  • JavaScript .Net like String formatting function

    Just a simple extend to the JavaScript String prototype which makes things much more readable 🙂 String.prototype.beginsWith = function(str) {return (this.match(“^”+str)==str)} String.prototype.endsWith = function(str) {return (this.match(str+”$”)==str)} String.prototype.format = function() { var s = this, i = arguments.length; while (i–) { s = s.replace(new RegExp(‘\{‘ + i + ‘\}’, ‘gm’), arguments[i]); } return s; }; Example:…