# dialog Published articles for dialog. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## A Dialog Can Now Be a Native Desktop Window DevFeed: [A Dialog Can Now Be a Native Desktop Window]() Original publisher: [Read original article]() Author: Shai Almog Published: 2026-09-05T00:00:00Z Content type: release Language: en Sources: [CodeName One]() Topics: [dialog](), [Accessibility](), [Operating system](), [macOS]() Tags: [accessibility](), [bug](), [can](), [code](), [component](), [desktop](), [dialog](), [keyboard](), [macos](), [native](), [release]() ### AI overview Codename One adds an option for dialogs to open as native modal desktop windows while retaining lightweight in-window dialogs. The release also fixes top-level window ownership and updates focus, input routing, repainting, popup behavior, and accessibility handling across separate windows. ### Source excerpt Codename One dialogs can stay inside a secondary window or become native modal windows, while sheets, popups, overlays, tooltips, HTML, and accessibility now resolve the correct top level. ## Blocked aria-hidden: The Warning is Right, and Every Fix You've Found is Wrong DevFeed: [Blocked aria-hidden: The Warning is Right, and Every Fix You've Found is Wrong]() Original publisher: [Read original article]() Author: Durgesh Rajubhai Pawar Published: 2026-08-12T13:43:56Z Content type: tutorial Language: en Sources: [CSS-Tricks]() Topics: [Web Development]() Tags: [accessibility](), [aria](), [articles](), [browser](), [bug](), [dialog]() ### AI overview A tutorial on correctly resolving blocked `aria-hidden` warnings when closing dialogs: move focus out of the region before making it hidden or inert. ### Source excerpt The warning is correct. And the recommended fixes you've probably seen are wrong. Here's what you can do instead to properly fix the issue. Blocked aria-hidden: The Warning is Right, and Every Fix You've Found is Wrong originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well. ## Using and Styling the Dialog Element DevFeed: [Using and Styling the Dialog Element]() Original publisher: [Read original article]() Author: Geoff Graham Published: 2026-08-07T14:06:43Z Content type: tutorial Language: en Sources: [CSS-Tricks]() Topics: [dialog](), [HTML](), [JavaScript](), [Web Development]() Tags: [architecture](), [articles](), [articles-guides](), [dialog](), [guides](), [html](), [html-elements](), [javascript](), [web]() ### AI overview A practical guide to using the native HTML element, covering basic markup, opening dialogs with JavaScript, modal behavior, backdrops, focus, closing methods, declarative HTML approaches, and experimental invoker commands. ### Source excerpt There's a lot of nuance to the element, a seemingly little piece of web architecture. I've got some notes from digging into it. Using and Styling the Dialog Element originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well. ## Give your site the Cmd+K menu users expect DevFeed: [Give your site the Cmd+K menu users expect]() Original publisher: [Read original article]() Author: Marko Published: 2026-08-01T10:15:27Z Content type: tutorial Language: en Sources: [Marko Denic Tech]() Topics: [dialog](), [Code](), [coding](), [browser](), [Chrome](), [Firefox]() Tags: [blog-for-developers](), [browser](), [build-faster](), [chrome](), [code](), [code-productivity](), [code-smarter](), [coding](), [content-monetization](), [css](), [css-animation](), [css-performance](), [developer-growth](), [developer-resources](), [dialog](), [email-newsletter-for-coders](), [firefox](), [front-end-development](), [github](), [github-profile-automation](), [html](), [html-tips](), [javascript](), [javascript-tricks](), [learn-to-code](), [responsive-design-tips](), [ui](), [web-dev-newsletter](), [web-development](), [web-development-tips](), [weekly-dev-tips](), [workflow-optimization]() ### AI overview This tutorial explains how to build a dependency-free Cmd+K command palette for a multi-page website using the dialog element, a keydown listener, and a text filter. It covers keyboard handling across Mac and Windows, browser-specific behavior, modal focus and scrolling, and use cases such as admin panels and documentation sites. ### Source excerpt Linear and GitHub both have it. Build the same command palette with the dialog element, one keydown listener, and a filter. No libraries. ## Seamless PWA origin migration: Change domains without losing users DevFeed: [Seamless PWA origin migration: Change domains without losing users]() Original publisher: [Read original article]() Author: Dibyajyoti Pal LinkedIn Dan Murphy X LinkedIn Marijn Kruisselbrink LinkedIn Published: 2026-06-03T07:00:00Z Content type: article Language: en Sources: [developer.chrome.com: Blog]() Topics: [PWA](), [migration](), [Chrome](), [Security](), [User Experience](), [Web](), [Web app]() Tags: [chrome](), [dialog](), [feature](), [how-to](), [manifest](), [migration](), [security](), [update](), [user-experience](), [web](), [web-apps]() ### AI overview Chrome 150 introduces PWA Origin Migration, allowing installed Progressive Web Apps to transition to a new same-site origin while keeping users informed through an update dialog. The article explains the old and destination manifest requirements, the migration handshake, rollout behavior, and update considerations. ### Source excerpt From Chrome 150 you can seamlessly transition a PWA to a new same-site origin. ## 2026.6: Pick a card, any card DevFeed: [2026.6: Pick a card, any card]() Original publisher: [Read original article]() Author: Franck Nijhof Published: 2026-06-03T00:00:00Z Content type: release Language: en Sources: [Home Assistant]() Topics: [Home Assistant](), [dashboards](), [Automation](), [dialog](), [Matter]() Tags: [2026](), [apps](), [automation](), [core](), [custom-dashboard](), [dialog](), [features](), [integrations](), [matter](), [release](), [release-notes]() ### AI overview Home Assistant 2026.6 introduces a new card picker that recommends dashboard cards based on the device or entity users want to display, with live previews using their data. The release also adds zone triggers and conditions, live condition-test indicators, target counts, step notes, new tile card features, improved smart-lock support, a friendlier Apps page, and additional community integrations. ### Source excerpt Home Assistant 2026.6! 🎉 I'm going to put my hand up right away: ✋ I am not a dashboard person. Not because I don't like them; I love seeing what you all build. But designing a beautiful one is a kind of visual creativity I just don't have. That's a big part of why I love the built-in Home dashboard so much, it does the designing for me. But when I do build a custom dashboard, I usually stare at that "add a card" dialog for way too long, picking cards almost at random just to see if they look good with the data I have. So you can imagine my excitement for my personal favorite of this release: the new card picker. Instead of asking "which card type do I want?", it now asks "which thing in your home do you want to show?", and then suggests cards that actually make sense for it, with live previews using your own data. For someone like me, that's not just easier; it's genuinely inspiring. It nudges me towards combinations I would not have thought of on my own. 💡 This fits into a bigger direction I keep getting more excited about: Home Assistant getting better at starting from the thing you want to do, instead of asking you to first learn the building blocks. The same idea is what makes purpose-specific triggers and conditions in Home Assistant Labs feel so right, and this release brings them a big step closer to graduating out of Labs with brand new zone triggers and conditions. 📍 A close second favorite for me this release is everything happening around that in the automation editor: live test indicators on your conditions, target counts on every device, area, floor, and label, and proper notes you can attach to any step. Individually they are small quality-of-life touches; together, they make building automations feel a whole lot more transparent. ✨ And there is plenty more to love in this release: new tile card features, Z-Wave smart locks catching up with their Matter siblings, a friendlier Apps page, and another big batch of new integrations from our community. 🚀 E ## QuickQWERTY 1.2.3 DevFeed: [QuickQWERTY 1.2.3]() Original publisher: [Read original article]() Published: 2026-05-03T00:00:00Z Content type: release Language: en Sources: [Susam Pal]() Topics: [browser](), [bug](), [dialog](), [Code](), [GitHub]() Tags: [browser](), [bug](), [bug-fixes](), [code](), [dialog](), [github](), [release](), [update](), [web](), [website]() ### AI overview QuickQWERTY 1.2.3 is a release of the browser-based touch typing tutor. It fixes an incorrectly updated licence link and removes an unnecessary dialog that appeared when selecting the already active number-key split. ### Source excerpt QuickQWERTY 1.2.3 is now available. QuickQWERTY is a web-based touch typing tutor for QWERTY keyboards that runs directly in the browser. This release includes two small bug fixes. In the previous release, QuickQWERTY source code management moved from GitHub to Codeberg. During that update, the licence link in the footer was updated incorrectly. The broken licence link has now been fixed. Further, there was a minor bug that caused a redundant dialog box to appear while switching between 6-7 split and 5-6 split. Units 16 to 20 contain two links labeled '6-7 split' and '5-6 split' which allow you to select how you want to split the number keys between left and right hands. Clicking either of those links brings up a dialog that explains what the two splits mean and prompts you to confirm in order to make the switch. Say, the '6-7 split' was already the chosen split. Clicking the '6-7 split' label triggered the dialog box unnecessarily. A dialog was unnecessary in that case since if you were already on the '6-7 split', clicking the '6-7 split' label resulted in no switch. This unnecessary dialog has now been eliminated. To try out QuickQWERTY, please visit quickqwerty.html. The source code of QuickQWERTY is available under the terms of the MIT licence at codeberg.org/susam/quickqwerty. Read on website | #web | #programming ## Building a Google Maps Style Bottom Sheet with Jetpack Compose DevFeed: [Building a Google Maps Style Bottom Sheet with Jetpack Compose]() Original publisher: [Read original article]() Author: Jaewoong Eum Published: 2026-02-15T07:34:23Z Content type: tutorial Language: en Sources: [Stories by Jaewoong Eum on Medium]() Topics: [Jetpack Compose](), [Android](), [ui]() Tags: [android](), [bottomsheet](), [compose-multiplatform](), [dialog](), [draggable](), [jetpack-compose](), [kotlin-multiplatform](), [state](), [ui]() ### AI overview This tutorial explains how to build a Google Maps-style bottom sheet with Jetpack Compose using FlexibleBottomSheet. It covers three expansion states, non-modal interaction, state-dependent content, programmatic transitions, nested scrolling, and dynamic content sizing. ### Source excerpt Google Maps popularized a bottom sheet pattern that most Android developers recognize immediately: a small panel peeking from the bottom of the screen, expandable to a mid height for quick details, and draggable to full screen for comprehensive information. The user interacts with the map behind the sheet at all times. This pattern looks simple on the surface, but implementing it correctly requires solving several problems: multi state anchoring, non modal interaction, dynamic content adaptation, and nested scroll coordination. Jetpack Compose's standard ModalBottomSheet only supports two states (expanded and hidden) and blocks background interaction with a scrim, making it unsuitable for this use case. In this article, you'll explore how to build a Google Maps style bottom sheet using FlexibleBottomSheet, covering how to configure three expansion states with custom height ratios, how to enable non modal mode so users can interact with the content behind the sheet, how to adapt your UI dynamically based on the sheet's current state, how to control state transitions programmatically, how to handle nested scrolling inside the sheet, and how to wrap content dynamically for variable height sheets. Why ModalBottomSheet falls short Consider the standard Material 3 bottom sheet: https://medium.com/media/8a38f40dd78c91260a666308710000ce/href This gives you two states: expanded and hidden. The sheet covers the background with a scrim, blocking all interaction behind it. For a confirmation dialog or action menu, this is fine. But for a Google Maps style experience, you need: Three visible states: A peek height showing a summary, a mid height for details, and a full height for comprehensive content. No scrim: The map behind the sheet must remain fully interactive. Dynamic content: The content should adapt based on the current expansion state. Nested scrolling: Scrollable content inside the fully expanded sheet should scroll naturally, and dragging down from the top of the scro ## Interop 2026: Continuing to improve the web for developers DevFeed: [Interop 2026: Continuing to improve the web for developers]() Original publisher: [Read original article]() Author: Rachel Andrew GitHub LinkedIn Mastodon Bluesky Homepage Published: 2026-02-12T08:00:00Z Content type: article Language: en Sources: [web.dev: Blog]() Topics: [Web platform](), [interoperability](), [web-standards](), [CSS](), [dialog](), [view transitions](), [browsers](), [dashboards]() Tags: [browsers](), [css](), [developers](), [dialog](), [interop](), [interoperability](), [view-transitions](), [web](), [web-platform]() ### AI overview Interop 2026 is an effort by browser-engine contributors to improve web-platform interoperability. It focuses on high-priority issues for web developers and users, including anchor positioning, container style queries, dialogs and popovers, scroll-driven animations, and view transitions. ### Source excerpt Learn about the features included in Interop 2026. ## and popover: Baseline layered UI patterns DevFeed: [and popover: Baseline layered UI patterns]() Original publisher: [Read original article]() Author: David A Herron Homepage Published: 2025-11-25T08:00:00Z Content type: article Language: en Sources: [web.dev: Articles]() Topics: [dialog](), [aria](), [browsers](), [Web](), [web applications](), [modern web development](), [JavaScript]() Tags: [aria](), [article](), [browsers](), [dialog](), [how-to](), [javascript](), [modal](), [ui](), [user-experience](), [user-interface](), [web-applications]() ### AI overview This article explains how to build modal and popover UI patterns with features built into modern web browsers. It demonstrates a sign-up modal that appears when a user tries to save an image to a favorites list without being logged in, and discusses the accessibility behavior required for modal dialogs. ### Source excerpt Learn how to build UI patterns for modal windows and prompts using the and popover web features. ## Appending Text to Obsidian via Shortcuts DevFeed: [Appending Text to Obsidian via Shortcuts]() Original publisher: [Read original article]() Author: Rob Published: 2025-10-14T10:00:00Z Content type: tutorial Language: en Sources: [Rob Allen]() Topics: [Obsidian](), [context]() Tags: [apple](), [automate](), [dialog](), [keyboard](), [mac](), [obsidian](), [schema](), [shortcuts]() ### AI overview This tutorial explains how to use Apple Shortcuts and Obsidian's obsidian:// URI schema to append text to the current Obsidian daily note. The shortcut prompts for text, adds the current time as a heading, URL-encodes the content, and opens the URI with the append parameter. ### Source excerpt Sometimes it's helpful to add some text to my current Obsidian daily note without having to switch to Obsidian, find the daily note and then type my text. To do this, we can use the magic of Obsidian's obsidian:// URI schema and automate the text capture in Apple Shortcuts, with an assigned keyboard shortcut to activate it. This is the Shortcut: There's a number of steps in the Shortcut. Firstly we Ask For some text... continue reading. ## Vanilla JavaScript support for Tailwind Plus DevFeed: [Vanilla JavaScript support for Tailwind Plus]() Original publisher: [Read original article]() Published: 2025-07-25T14:30:00Z Content type: release Language: en Sources: [Tailwind CSS Blog]() Topics: [Tailwind CSS](), [Vanilla JavaScript](), [ui](), [JavaScript](), [HTML](), [aria](), [dialog](), [cross-platform](), [Web platform]() Tags: [aria](), [component](), [cross-platform](), [dialog](), [framework](), [html](), [javascript](), [tailwind](), [ui]() ### AI overview Tailwind Plus now provides fully functional, accessible, and interactive UI blocks for projects that do not use React or Vue. Its new Elements library offers headless custom elements for building interactive interfaces with HTML, utility classes, or custom CSS. ### Source excerpt Every UI block in Tailwind Plus is now fully functional, accessible, and interactive, even if you don't use a framework like React or Vue. ## Headless UI v2.1: Simplified transition API and improved multi-dialog support DevFeed: [Headless UI v2.1: Simplified transition API and improved multi-dialog support]() Original publisher: [Read original article]() Published: 2024-06-21T15:00:00Z Content type: release Language: en Sources: [Tailwind CSS Blog]() Topics: [React](), [dialog](), [React UI animations]() Tags: [compatibility](), [components](), [dialog](), [documentation](), [install](), [react]() ### AI overview Headless UI v2.1 for React simplifies transition APIs with a new prop and data attributes for transition stages. It also supports rendering multiple sibling dialogs, with the most recently opened dialog closing on Escape or outside clicks. ### Source excerpt We just released Headless UI v2.1 for React, which dramatically simplifies our transition APIs and adds support for rendering multiple dialogs as siblings. We've made transitions way easier in v2.1 by adding a new prop to all of the built-in components you might want to transition, and adding data attributes for each transition stage so you can add transition styles by just throwing some classes on the target element: There are four data attributes you can use to target the different stages of... ## Custom Dialog Animation in Jetpack Compose DevFeed: [Custom Dialog Animation in Jetpack Compose]() Original publisher: [Read original article]() Author: sinasamaki Published: 2023-10-17T04:42:08Z Content type: tutorial Language: en Sources: [sinasamaki]() Topics: [Jetpack Compose](), [dialog](), [Code]() Tags: [animation](), [article](), [code](), [compose](), [compose-animation](), [dialog](), [jetpack-compose]() ### AI overview A tutorial on creating custom dialog animations in Jetpack Compose. It explains how to build a dialog, remove the default window animation and scrim, and use custom animation logic, including AnimatedVisibility, to control showing and dismissing the dialog. ### Source excerpt Create custom dialog animations using Jetpack Compose animation composables such as AnimatedVisibility ## Zed Plans to Open Source Its Code Through Collaborative Coding Channels DevFeed: [Zed Plans to Open Source Its Code Through Collaborative Coding Channels]() Original publisher: [Read original article]() Author: Nathan Sobo Published: 2023-06-14T00:00:00Z Content type: article Language: en Sources: [Zed Industries - Blog]() Topics: [Open Source](), [dialog](), [Code]() Tags: [chat](), [contribute](), [dialog](), [open-source](), [workflows]() ### AI overview Zed's remote team describes a plan to open source Zed through the Zed platform. The initial phase involves public coding channels for watching, listening to, and discussing development, followed by persistent code annotations and async contributions. ### Source excerpt Our plan for open-sourcing Zed on Zed, starting with synchronous conversations in the #zed channel. ## Dialogs in Jetpack Compose: Types and Usage DevFeed: [Dialogs in Jetpack Compose: Types and Usage]() Original publisher: [Read original article]() Author: Alex Styl Published: 2023-04-27T00:00:00Z Content type: tutorial Language: en Sources: [Composables - Concise, no-fluff video tutorials for Android developers]() Topics: [dialog](), [Jetpack Compose](), [ui]() Tags: [dialog](), [how-to](), [jetpack-compose](), [tutorial](), [ui]() ### AI overview A tutorial on dialogs in Jetpack Compose, covering how dialogs differ from AlertDialogs, the available dialog variants, visibility state, custom layouts, shapes, and colors. ### Source excerpt Dialogs, AlertDialogs and DIYDialogs. ## How to Fix Keyboard Issues Introduced in the Latest Jetpack Compose (1.4.0) DevFeed: [How to Fix Keyboard Issues Introduced in the Latest Jetpack Compose (1.4.0)]() Original publisher: [Read original article]() Published: 2023-03-31T00:00:00Z Content type: tutorial Language: en Sources: [Patryk Kosieradzki]() Topics: [Jetpack Compose](), [bug](), [Code]() Tags: [android](), [bug](), [code](), [compose](), [dialog](), [jetpack-compose](), [keyboard](), [regression]() ### AI overview A troubleshooting tutorial about a keyboard regression in Jetpack Compose 1.4.0. The article demonstrates that the keyboard does not appear for text fields in DialogFragments containing ComposeView, investigates the problem through the Google Issue Tracker, and discusses the relevant code setup and fix. ### Source excerpt Non-working keyboard in the latest version of Jetpack Compose - another case of keyboard issues in Compose. ## Headless UI v1.6, Tailwind UI team management, Tailwind Play improvements, and more DevFeed: [Headless UI v1.6, Tailwind UI team management, Tailwind Play improvements, and more]() Original publisher: [Read original article]() Published: 2022-05-27T15:00:00Z Content type: release Language: en Sources: [Tailwind CSS Blog]() Topics: [Tailwind CSS](), [React](), [Vue.js](), [dialog](), [Remix]() Tags: [css](), [dialog](), [react](), [release-notes](), [remix](), [tailwind](), [ui](), [update](), [v1](), [vue]() ### AI overview The article announces Headless UI v1.6 and describes new features for React and Vue components, including multiple selection, clearing combobox values, hidden inputs for form submission, object serialization, and improvements to dialog scrolling and outside-click behavior. ### Source excerpt It's been a while since I've written about what we've been working on so I have a lot to share! Too much honestly -- so put your swim suit on, sit back in your lounge chair, and prepare to soak up some vitamin CSS. ## Making reusable composables using Generics DevFeed: [Making reusable composables using Generics]() Original publisher: [Read original article]() Author: James Shvarts Published: 2022-04-29T20:02:08Z Content type: tutorial Language: en Sources: [Android Blog - Mobile Dev Notes]() Topics: [generics](), [Compose](), [Java](), [Kotlin]() Tags: [component](), [compose](), [dialog](), [generics](), [java](), [kotlin](), [viewmodel]() ### AI overview This tutorial shows how to use Java Generics with Jetpack Compose to build reusable composable components that support different model objects. It demonstrates a shared delete-confirmation dialog, call sites, optional properties, and state handling in a ViewModel. ### Source excerpt Using Java Generics to create reusable shared components in Compose ## Getting started with Orca screen reader on Gnome desktop environment on Ubuntu 20.04 LTS DevFeed: [Getting started with Orca screen reader on Gnome desktop environment on Ubuntu 20.04 LTS]() Original publisher: [Read original article]() Author: Joseph Mawa Published: 2021-09-03T00:00:00Z Content type: tutorial Language: en Sources: [The A11Y Project]() Topics: [Ubuntu](), [Linux](), [Open Source](), [Terminal](), [GUI](), [dialog]() Tags: [article](), [desktop](), [dialog](), [distribution](), [documentation](), [feature](), [free](), [getting-started](), [laptop](), [launch](), [learn](), [learning](), [linux](), [lts](), [open](), [open-source](), [terminal](), [third-party](), [ubuntu]() ### AI overview This tutorial introduces the Orca screen reader on the GNOME desktop environment in Ubuntu 20.04 LTS. It explains several ways to launch Orca, discusses accessibility of applications, describes its desktop and laptop keyboard layouts and modifier keys, and introduces Learn Mode for discovering commands and documentation. ### Source excerpt Introduction to Orca Orca is a free, open-source screen reader developed under the GNOME project. Several Linux distributions have it installed by default. This article will introduce you to the basics of Orca on Gnome desktop environment on Ubuntu version 20.04 LTS. There might be some slight variations if you are using a different desktop environment or using GNOME on a different Linux distribution. You need to consult the manual for your Linux distribution or desktop environment. Launching Orca There are three ways you can launch Orca on Ubuntu 20.04 LTS. Below are the descriptions of these three methods. Use the keyboard shortcut Super + Alt + S. Type orca on a terminal window and then press the Return key. Alternatively, you can type orca in the Run dialog and press the Return key. You can use the key combination Alt + F2 to open the Run dialog and the ESC key to close it. If you launch Orca using the Run dialog, you can close it by typing the command pkill orca or killall orca on the terminal or in the the Run dialog and then pressing the Return key. Open the Settings dialog and then select Universal access. You can then toggle the screen reader on or off. After launching Orca, it will immediately announce the title of the topmost open application window if it is accessible to Orca. Though most applications that come pre-installed with the Gnome desktop environment are accessible, some third-party applications installed by you may not be accessible to Orca. The Orca Modifier keys The modifier key used by Orca depends on the keyboard layout. Orca has two keyboard layouts, namely: Desktop keyboard layout Laptop keyboard layout The Desktop keyboard layout is the default keyboard layout. Its Modifier key is the key combination Insert + KP_Insert. KP_Insert is the same as KP_0. If it is your first time using Orca, most likely you are in the Desktop keyboard layout. The modifier key for the Laptop layout is CapsLock . You can change the keyboard layout from the pref ## 30 updates: recent features and fixes in Figma DevFeed: [30 updates: recent features and fixes in Figma]() Original publisher: [Read original article]() Author: Emily Brody Published: 2021-07-28T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [User experience (UX)](), [API](), [browser](), [math]() Tags: [api](), [browser](), [can](), [connectors](), [customization](), [design](), [desktop](), [dialog](), [features](), [figma](), [fonts](), [global](), [math](), [plugin](), [tool](), [typography](), [updates](), [ux](), [ux-improvements](), [workflow]() ### AI overview Figma's roundup describes 30 recent updates and fixes intended to improve design workflows. The supplied text covers a redesigned stroke panel, mixed-value math operations, browser-based PNG copying, faster image cropping and adjustments, export and Plugin API changes, remembered pen and pencil settings, synced preferences, fill behavior, dialog controls, missing-font handling, and improved FigJam sticky-note text copying. ### Source excerpt Last month, we launched 30 updates on everything from typography fixes to UX improvements, all to enhance your workflow in Figma. ## Zen and the art of not quantifying risk DevFeed: [Zen and the art of not quantifying risk]() Original publisher: [Read original article]() Author: Adam Published: 2021-07-27T00:00:00Z Content type: opinion Language: en Sources: [Shostack & Friends Blog]() Topics: [risk-management](), [Security](), [Architecture & Design](), [Development](), [API]() Tags: [api](), [development](), [dialog](), [meetings](), [risk](), [risk-management](), [security]() ### AI overview The article argues that threat modeling should not focus on producing precise risk numbers. Instead, security teams should work with development and operations on prioritization, using simpler relative sizing when appropriate. This approach can reduce conflict and help address easily fixed lower-priority issues alongside larger changes. ### Source excerpt Many people want their threat modeling work to produce risk numbers, and in this post you'll learn why that's a mistake. ## Jetpack Compose: Twitter UI DevFeed: [Jetpack Compose: Twitter UI]() Original publisher: [Read original article]() Author: Ahmed Rizwan Published: 2020-04-25T23:46:18Z Content type: tutorial Language: en Sources: [Android & Tech News -- Medium]() Topics: [Jetpack Compose](), [Compose](), [ui](), [App](), [navigation](), [Code]() Tags: [android](), [android-app-development](), [app](), [compose](), [cross-platform](), [dialog](), [jetpack](), [jetpack-compose](), [kotlin](), [layout](), [navigation](), [navigation-drawer](), [state](), [themes](), [ui]() ### AI overview The article documents a test of Jetpack Compose through a simple Twitter UI clone. It describes the app's three screens, state model, navigation, layouts, scrolling approach, and light, dark, and darker themes. ### Source excerpt I decided to test out Jetpack Compose by making a simple Twitter UI clone after I came across this tweet by Mariano Zorrilla: Mariano Zorrilla 💙 on Twitter Wait... did I just copied Twitter using #Flutter and share it over @CodePen?! 🥰 Such an amazing tool! Took me 1 day of work and 1500 lines of code. Link: https://t.co/zI90oTPYDd cc @timsneath @redbrogdon @ZoeyFan723 @kevmoo @MartinAguinis @nlycskn @Nash0x7E2 https://t.co/OqzBNWET0y He used Flutter (which is an amazing tool btw for building cross platform apps) -- with just one day of work, 1500 lines of code. That's beyond impressive (specially the fact that Flutter can be hosted on CodePen as well). So with similar constraints, I wanted to try out Jetpack Compose. I followed the CodePen example (as closely as I could) and this is the result: Complete source code: ahmedrizwan/JetpackComposeTwitter The App There are three screens in this app Home ScreenProfile ScreenCompose ScreenApp State Before we get to the screens -- take a look at app state model, which will be used for navigation and theming. I also added some helpers for navigating to individual screens & for checking theme. Models There are two models -- both data classes. The Tweet model is annotated with @Model as we update this model from our composed functions to update view state. User stays the same, hence it's not annotated. Home Screen Home screen is a Scaffold -- with drawer, bottom app bar, fab and content components. The scaffoldState is for managing the navigation drawer state. Initially the drawer is closed. Content The content consists of a custom top bar & list of tweets. I used VerticalScroller (with column inside) for the list instead of an AdapterList, as for some reason it wasn't as smooth when scrolling (this will change as Jetpack Compose matures). Ideally we would opt for AdapterList instead -- but for now, I'm using the scroller. Top Bar As it's a custom top bar -- I used a Surface with some elevation. Inside it's a simple row with three i ## Better permissions on Android DevFeed: [Better permissions on Android]() Original publisher: [Read original article]() Author: Siddhesh Patil Published: 2020-03-08T14:41:21Z Content type: tutorial Language: en Sources: [Sid Patil - Android Engineer and Kotlin Advocate]() Topics: [Android](), [Authorization](), [Kotlin](), [App](), [Code](), [dialog]() Tags: [android](), [android-permission-tutorial](), [android-permission-using-kotlin](), [android-permissions](), [best-practices](), [dialog](), [kotlin](), [manifest](), [permission-rationale-dialog-on-android](), [permissions](), [runtime-permissions-on-android](), [user-deny-permission-android]() ### AI overview A Kotlin Android tutorial explains how to handle denied permissions by using shouldShowRequestPermissionRationale to display a rationale dialog before requesting permission again. The example uses READ_CONTACTS and covers manifest declaration, permission checks, dialog display, and result handling. ### Source excerpt Gracefully handle permission denial on Android permission dialogs and leverage permission rational dialogs to enhance the user experience of your application. [Next page]()