css - inDepth.dev

Techniques to style component host element in Angular

Styling the host element is a crucial ability. Understanding that can completely change the way you develop reusable components, making their code clear and easier to maintain. This article will concentrate on techniques that use CSS styles and reduce Typescript logic.

angular

Angular Lazy Load Common Styles Specific to a Feature Module

Here I will walk you through a step-by-step guide on how to lazy load the common styles specific to a feature module.

angular

Implementing Angular Schematics using Angular + Tailwind CSS example

In this article, I am going to start with very basic Angular schematic implementation and slowly build the code for this complete angular-tailwindcss-schematics project. At each milestone, I will share the git commit link to check the code and files at that stage and also explaining the step.

angular

Reduce your bundle size through this component styling technique

Believe me struggle to reduce the bundle size is something we all struggle with, it is the same with us, and I am crazy about optimizing things, and want my bundle to be as small as possible once my application is stable and in running state.

webpack

This is how angular-cli/webpack delivers your CSS styles to the client

Have you ever wondered how is it possible to import CSS into JavaScript files? In this article I'll show you how Webpack does it by transforming your CSS styles into JavaScript.

angular

Angular Flex-Layout: Flexbox and Grid Layout for Angular Component

CSS Flexbox and CSS Grid are very powerful layout functions. These are already supported by all modern browsers except for IE 11. Unlike properties for styling (for examplecolor and border), these are properties for building a layout structure. In other words, it is not used to beautify the surface of