Thinking
in the open.

Thanks to some very modern CSS, we can visually replicate the logic of scrollbars. Then make them actually functional.

Do you ever get that feeling when you’re working on a task, hit a wall with some problem, and...

Taiga UI is an Open Source Angular UI Kit to build modern, reliable user interfaces. We recently shipped the 5th major release!

Angular 20 is released! Let’s see how Angular has changed over the past 5 years from Angular UI Kit Maintainer’s Perspective.

See what’s new in this next major release of our huge Angular UI kit!

In the article, I will continue our annual habit and briefly unpack the overall achievements related to Taiga UI over the past year.

Explore tricky RxJS code & Angular directives in this fun exercise of recreating an analogue Morse code telegraph using your favorite tools

Explore low-level native DOM events, advanced RxJS and Dependency Injection, ShadowDOM and more in this advanced Angular directive…

It’s easy to mistake DI tree of injectors for DOM tree of actual HTML elements & Angular views. Let’s explore the differences &…

Taiga UI family is a collection of independent open source Angular libraries that help us build UI kit for awesome people! Let’s explore…

If you have ever worked on complex user forms, you definitely needed a masking solution. You want...

We are happy to announce that we have released our project Maskito to Open Source and the first stable major version is now available.

Web is a rich ecosystem with a bunch of powerful APIs that keeps growing. Let’s explore how you can use them in Angular apps with these…

It is not easy to deal with a big monorepo. Fortunately, there is a modern open source tool to simplify and automate it

I want to tell you how ng-morph can save a lot of time for you and developers who use your tools.

Angular is a powerful framework, but there are many myths surrounding it. In this article, we’ll debunk 8 of the most common Angular myths

What if I show you a tool with which you can transform the whole project just with several lines of codes?

In Angular we try to write declarative code. We are not supposed to manually query things. Let’s explore what the framework has to offer.

The year 2022 was extremely fruitful for our Taiga UI team and, what is more important, we picked up...

Our library Taiga UI contains hundreds of useful components, directives, and services. The code...

Angular allows us to write very abstract code without any unexpected dependencies. Let’s talk one more time about advantages we can get…

RxJS itself is one of those things that you better learn with practice. But here are some tips about using it in real apps

Taiga UI is a huge Angular components library. Let’s see what we’ve done in our first year in open source.

Let’s see how to extend base logic of Angular directives by matching the same selector and add a long waited features to built-in…

Learn how you can leverage Dependency Injection to help you easily lazy load libraries from CDN and use in your Angular app!

Almost everyone knows about it but nevertheless many developers avoid ng-content in their daily job. Let’s fix it!

Angular has 2 change detection modes: Default & OnPush. Let’s explore how you can safely use OnPush with no extra effort and why you…

Let’s write a select Angular component that will encapsulate autosave logic and state indication, such as loading, success or error.

Angular 12 added nullish coalescing operator (‘??’) to templates. But what are other features Angular templates have? Let’s find out!

Let’s recreate classic Material Design ripple effect with RxJS!

Let’s learn underlying mechanisms of creating new Observables by making our own requestAnimationFrame based RxJS stream.

Here is my last RxJS Challenge and it is big and really challenging!

Developing OnPush components that operate with content children might be tricky. But this simple trick will help you get it right!

It’s annoying for the user to see spinner for just a fraction of a second when data loads very fast. Let’s implement a non-flicker loader…

Let’s start our last week of RxJS Challenge by switching to hard mode. New challenge contains a picture in some preview app and logic that…

Let’s see how we can tell whether an element received focus from keyboard, mouse, touch gesture or a script!

My new challenge is to allow users to select several folders with their mouse dragging (like on a desktop).

There’s a common UI pattern among mobile apps — to shrink header as you scroll down. Let’s implement this in an Angular app!

My new challenge offers you a simple system with a portal that can show a modal window with string content. The task is to allow a user to…

Let’s make a toast notification that disappears after some time. And improve the UX by making them stick while user holds a cursor over…

There are a color picker palette and a circle inside it. The task is to make an RxJS stream to allow a user to drag a circle and …

Let’s create stylish subtitles display for a karaoke game using RxJS and fancy CSS animations!

In my new challenge you are offered to make an RxJS operator function that prevents unnecessary backend requests when it is possible

In JavaScript we use thing like window or navigator that not always present in a multiplatform app. Learn how to use DI to prepare for SSR!

When you scroll a page on your smartphone, address bar disappears, but it appears again on scrolling up. Let’s make a header work like…

And here is my new RxJS challenge in the really small cinema!

Timer related tasks are perfect candidates for RxJS solution. Let’s try creating a countdown and a button to restart it!

We have loadingService with load method that emits number of % loaded or string with the final result. We need to show a progress bar for…

Sometimes we need to show a message for a period of time. Let’s see how we can do this without side-effects with RxJS streams!

Yesterday we have been solving the first RxJS Challenge by Alex Inkin. And today is my turn!

Sometimes we need to know where focus is currently within some region or not. Let’s see how RxJS can help us solve this puzzle!

Just before new year, Roman, my colleague, announced our new Angular UI kit library Taiga UI. If you...

Web MIDI API allows communication between PC and a keyboard instrument. Let’s create a playable synthesizer in Angular!

Web Audio API has been around for a while now and it can become Angular’s best friend if you introduce it well. So let’s do this!

Angular is declarative in nature. Learn how to make your code adhere to this approach by eliminating internal manually managed states

Have you wondered how Angular forms work with HTML elements where user enters data?

Check out these advises backed by concrete examples which can help you improve your developer skills and give you some practical tricks.

See how you can use native SVG features to color your icons with CSS without inlining or using icon font.

CSS scrollbars have limitations and do not work in Firefox. Let’s see how we can do custom scrollbar with JavaScript as an Angular…