Enhance your Angular architecture — I used to pass services to constructor of the component in the following way: import {MyServiceA} from './myServiceA'; import {MyServiceB} from './myServiceB'; import {MyServiceC} from './myServiceC'; export class MyComponent { constructor( private myServiceA:MyServiceA, private myServiceB:MyServiceB, private myServiceC:MyServiceC) {} } That’s fine, but when your app grows you might consider a…

plus Typescript tip — I’ll shortly describe what Javascript (JS) array is, how we use it and then I’ll describe how we can check whether it’s empty. There are more ways to do it so I’ll describe them gradually since JS language is evolving and now we have better and more concise ways to…

Using APP_INITIALIZER — Do you have to load configuration files to set some application properties or to load some data before the application starts? Let’s see how to do it in Angular. Before we get to that, here’s a quick overview of how Angular application bootstraps in 6 steps: Bootstrapping process Load index.html Load Angular…

A short rant about poor DX/UX — I worked on a website recently and I got a feedback from designers. It’s important to check that everything looks great and things are pixel perfect, right? They did cross browser testing and I could fix the majority of the points pretty easily, but then there was a list of…

I read some parts of the JS book series ‘You Don’t Know JS’ by Kyle Simpson a few years ago. Now there is a 2nd edition in progress and I started re-reading it. As the author himself recommends, these books should be read several times. They need to be digested…

A utility-first CSS framework you should try — I’ve decided to try the Tailwind CSS framework recently to build something simple — my personal page. The framework was released in 2017 by Adam Wathan and it’s rapidly gaining in popularity. What is it exactly? A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that…

Jupiter and Saturn conjunction — I divided this article to several parts: Idea Three.js basics Create the stars (universe) Add the planets Add music Loop animation Demo * / Code on Github: miresk/planets-conjunction You can’t perform that action at this time. You signed in with another tab or window. You signed out in another tab or…github.com *I recommend opening the demo on bigger screens (the flaws of the app are listed at the end of article)

Send data from beds24 iframe to Google Analytics — You might be using Google Analytics on your website to track some information about your visitors — the demographics, their behavior, what technology they use etc. If you use a 3rd party software on your website that enables your customers to purchase/to book something, you might want to track more…

Keep up with new CSS features and refresh some old ones — I am going to show you 10 exciting CSS properties. Some of them are marked as experimental on MDN web docs, which means they are just coming to fruition. As they state on their website, a technology is experimental if one or both of these will be true: It is…