brian treesebriantreese.hashnode.dev·Feb 2, 2024Angular CDK Overlay Tutorial: Adding AccessibilityWhen creating a modal or pop-up in an Angular application, accessibility can be easy to overlook. If you’re developing an app but you’re able to see, hear, and easily access and use different devices, it’s probably not top of mind for you. But it’s i...DiscussAngular
brian treesebriantreese.hashnode.dev·Jan 26, 2024Angular CDK Overlay Tutorial: Adding AnimationsWhen using the Angular CDK Overlay module, you will likely want to transition the opening and closing of the overlay content. It’s something that seems like it should be pretty easy and straightforward but it’s actually a little tricky. It can’t real...DiscussAngular
brian treesebriantreese.hashnode.dev·Jan 19, 2024Angular CDK Overlay Tutorial: Scroll StrategiesIn the Angular CDK there are a lot of cool, exciting, and helpful features. And the Overlay Module is one of the most powerful. It’s used to create things like dialogs, tooltips, menus, custom dropdowns and more. I’ve already created a couple of post...DiscussAngular
brian treesebriantreese.hashnode.dev·Jan 12, 2024Angular CDK Overlay Tutorial: PositioningThe Angular CDK Overlay is a handy, powerful, and fairly complex feature that can be used to quickly create modals and pop-ups. In my previous post about the CDK Overlay, I covered the basics needed to create both a modal using the global position st...DiscussAngular
brian treesebriantreese.hashnode.dev·Jan 5, 2024Learn the Basics of Angular CDK Overlay: Angular Modals and Pop-upsWhen building apps in Angular, you will likely need to trigger a modal or pop-up at some point. Sometimes this is easy and can be done with some simple CSS, but other times, it may be more complicated. You may need to append markup to the bottom of y...Discussangular cdk overlay
brian treesebriantreese.hashnode.dev·Nov 17, 2023How to Use the Angular CDK Viewport Ruler for Responsive AppsSometimes, in an Angular app we need to trigger something when the viewport gets resized. Like in the demo app for this post, when we open a menu, and then resize, we want to close the menu automatically. How would you do this? Well, maybe you have s...Discussangular cdk viewport ruler
brian treesebriantreese.hashnode.dev·Oct 5, 2023How to Utilize Angular CDK Breakpoint ObserverMost of the time, when creating responsive applications in Angular, we just need to use CSS and media queries. Every once in a while though, we need to alter some interactivity or logic based on these same media queries. Meaning, we need to access th...Discussangular cdk