-
- 15 Jun, 2025
Type Inference vs. Type Assertion in TypeScript
Two important tools in the TypeScript type system are type inference and type assertion. While they sound similar, they serve different purposes and …
-
- 15 Jun, 2025
Understanding the Difference Between `void` and `never` in TypeScript
Understanding the Difference Between void and never in TypeScript When working with TypeScript, we may encounter various utility types that help …
-
- 21 Jun, 2022
Handling errors in try/catch
In version 4.0 TypeScript fixed a ‘bug’ in a try/catch block, where the error was of type any. The any type allowed, well, …
-
- 11 Jun, 2022
CSS currentValue keyword
The currentColor keyword refers to the text color on a element where the keyword is used. And it can be used on any property that accepts a color …
-
- 07 Jun, 2022
How to create enums in JS or TS
JavaScript does not offer any build in way how to create enums so we have to use a workaround. On the other hand, TypeScript has its way, or two, how …
How to use <section> HTML tag
Section tag is one of HTML semantic elements, that tell browsers how they should appear and what they do. What should section contain and how should …
-
- 07 May, 2022
Data binding commands in Aurelia
Data binding is a fancy name for setting relation for data passed between a parent component and a child component. Aurelia recognizes 5 types of data …
How to stay logged in between Cypress tests
If you have a private area on your web page you probably had to solve a problem, how to stay logged in during Cypress tests. Because of performance, …
Defer script attribute
The defer attribute is used with <script> where it signals to browsers that the external script should be downloaded in parallel to parsing the …
-
- 27 Apr, 2022
Avoid nesting if-else, use guard clauses technique instead
Guard clauses (guard, guard code or guard statement) is technique to write cleaner and more readable code. Guard The definition of guard clause by …
HTML Divitis problem
Divitis or div soup is quite common problem of frontend developers. It is a habit or a process of using too many unnecessary div HTML elements in …
-
- 21 Apr, 2022
CSS min(), max() and clamp()
To improve responsiveness of a site, we are used to to use CSS media queries, calc() function or even Web API ResizeObserver event listener. But CSS …
-
- 21 Apr, 2022
Using :is() pseudo-class to simplify css selectors
The :is() pseudo-class function in CSS allows to write shorter compounded selectors. It takes list of selectors as its argument and selects any …
-
- 14 Apr, 2022
Using modern CSS horizontal centering techniques
Centering element horizontally… Something you did many times in the past and for sure you will do many times as part of your daily job in the …
-
- 12 Apr, 2022
Notes on event delegation and triggering
Two main bindings to handle click events exist in Aurelia - delegate and trigger. What are their key concepts and what is the difference between them? …
-
- 14 Dec, 2021
Meet lobotomized owl
A lobotomized owl is a eerie name for a pretty neat CSS selector. This selector was introduced in 2014 by Heydon Pickering to solve some flow content …
-
- 01 Dec, 2021
How to define an array of minimal length in Typescript
To define an array of minimal length we have to create an array of defined length and then extend it with an array of unknown length. Array of certain …