π JSON-based template generation with Angular Reactive Forms
#angular #forms
β Article link: https://lukaonik.medium.com/unlock-the-power-of-on-demand-rendering-in-angular-e826abc7a3fa
#angular #forms
β Article link: https://lukaonik.medium.com/unlock-the-power-of-on-demand-rendering-in-angular-e826abc7a3fa
π1
This media is not supported in your browser
VIEW IN TELEGRAM
π Simple modal in Angular
#angular #rxjs #standalone #modal #ngTemplate
β Article link: https://medium.com/@greenFlag/how-to-easily-and-quickly-create-a-modal-in-angular-a2f82d5c11f6
π Example: https://stackblitz.com/edit/stackblitz-starters-6pmxgl?file=src%2Fapp%2Fapp.component.ts
#angular #rxjs #standalone #modal #ngTemplate
β Article link: https://medium.com/@greenFlag/how-to-easily-and-quickly-create-a-modal-in-angular-a2f82d5c11f6
Please open Telegram to view this post
VIEW IN TELEGRAM
π1
π MediaQueryList API
#js #MediaQueryList
β Article link: https://blog.bitsrc.io/discovering-javascripts-mediaquerylist-api-for-responsive-web-design-81a94c9f01b1
#js #MediaQueryList
β Article link: https://blog.bitsrc.io/discovering-javascripts-mediaquerylist-api-for-responsive-web-design-81a94c9f01b1
π2
This media is not supported in your browser
VIEW IN TELEGRAM
π§ͺ
#angular #router #withViewTransitions
π© > Angular 17
β Article link: https://netbasal.com/angular-v17s-view-transitions-navigate-in-elegance-f2d48fd8ceda
withViewTransitions in Angular #angular #router #withViewTransitions
π© > Angular 17
β Article link: https://netbasal.com/angular-v17s-view-transitions-navigate-in-elegance-f2d48fd8ceda
π Advanced tricks with Angular forms
#angular #forms
β Article link: https://ahmedrebai.medium.com/advanced-tricks-with-angular-forms-b9573f573e18
#angular #forms
β Article link: https://ahmedrebai.medium.com/advanced-tricks-with-angular-forms-b9573f573e18
π Creating a Custom Directive for Minimum Character Length in Angular
#angular #directive
β Article link: https://medium.com/@ayushgrwl365/angular-directives-enhancing-user-interfaces-with-ease-bb99d74e69cd
#angular #directive
β Article link: https://medium.com/@ayushgrwl365/angular-directives-enhancing-user-interfaces-with-ease-bb99d74e69cd
π Angular + Firebase + Repository Pattern
#angular #firebase #repository #patterns
β Article link: https://medium.com/@jakehockey10/angular-firebase-repository-pattern-534a0fd248c2
#angular #firebase #repository #patterns
β Article link: https://medium.com/@jakehockey10/angular-firebase-repository-pattern-534a0fd248c2
π1
This media is not supported in your browser
VIEW IN TELEGRAM
#ui #design
Show System Status
The first usability heuristic principle by Jakob Nielsen states: keep your user informed about what is going on. When users trigger an operation, they expect to get immediate response. But there are situations when an app needs some time to complete an operation. So, the interface should keep the user enlightened about what is happening.
What is a Microinteraction Anyway?β Article link: https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf
Microinteractions are the contained product moments that do one small task.
As first described in Dan Safferβs book Microinteractions, these tiny details typically serve these essential functions:
- Communicate feedback or the result of an action.
- Accomplish an individual task.
- Enhance the sense of direct manipulation.
- Help users visualize the results of their actions and prevent errors.
Please open Telegram to view this post
VIEW IN TELEGRAM
π1
π Build Number to the Web Build in Angular
#angular #cli
β Article link: https://blog.stackademic.com/how-to-add-a-build-number-to-the-web-build-in-angular-96039e3a35d2
#angular #cli
β Article link: https://blog.stackademic.com/how-to-add-a-build-number-to-the-web-build-in-angular-96039e3a35d2