# User Interfaces Published articles for User Interfaces. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## The AI magic words DevFeed: [The AI magic words]() Original publisher: [Read original article]() Author: Phoebe Sajor Published: 2026-09-17T07:40:00Z Content type: opinion Language: en Sources: [Stack Overflow Blog]() Topics: [Artificial Intelligence](), [interfaces](), [User Interfaces](), [intelligence](), [Learning](), [Tool]() Tags: [agentic](), [agentic-ai](), [ai](), [books](), [ceo](), [company](), [intelligence](), [interfaces](), [knowledge-building](), [learning](), [platforms](), [podcast](), [se-stackoverflow](), [se-tech](), [tool](), [user-interfaces]() ### AI overview Ryan interviews Tim O'Reilly about books as interfaces to knowledge, using "magic words" to get better outputs from AI, the increasing value of human taste, and how O'Reilly Media supports human and agentic learning through books, online platforms, and an expert intelligence tool. ### Source excerpt Ryan sits down with Tim O'Reilly, founder and CEO at O'Reilly Media, to talk about the role of books as user interfaces to knowledge, the power of "magic words" to extract better outputs from AI, and why human taste is becoming highly valuable as knowledge becomes a commodity. ## Tailwind Labs is joining Shopify DevFeed: [Tailwind Labs is joining Shopify]() Original publisher: [Read original article]() Published: 2026-09-09T13:15:00Z Content type: news Language: en Sources: [Tailwind CSS Blog]() Topics: [Web Development](), [modern web development]() Tags: [css](), [framework](), [open-source](), [shopify](), [tailwind](), [user-interfaces]() ### AI overview Tailwind Labs is joining Shopify, which will provide a long-term home for maintaining Tailwind CSS. The team says Tailwind and its other open-source projects will remain MIT-licensed and community-led. ### Source excerpt We're joining Shopify to give Tailwind a stable long-term home where it will be actively maintained for the millions of people who depend on it. ## Android A2UI (AI to UI) Made Simple DevFeed: [Android A2UI (AI to UI) Made Simple]() Original publisher: [Read original article]() Author: Elye - A Dev By Grace Published: 2026-09-09T07:23:57Z Content type: tutorial Language: en Sources: [Mobile App Development Publication - Medium]() Topics: [Artificial Intelligence](), [Android](), [Jetpack Compose](), [Mobile](), [Protocol (disambiguation)](), [Google]() Tags: [a2ui](), [ai](), [android](), [android-app-development](), [api](), [artificial-intelligence](), [deprecated](), [google](), [jetpack-compose](), [mobile-app-development](), [software-development](), [user-interfaces]() ### AI overview This tutorial introduces A2UI, a protocol for rendering AI responses as user interfaces, and discusses trying it on Android with Jetpack Compose. It notes that an older Jetpack A2UI library is deprecated and that newer development is ongoing. ### Source excerpt Converting AI Prompt Output Into User Interface in Jetpack Compose Continue reading on Mobile App Development Publication " ## Animating CSS border-image DevFeed: [Animating CSS border-image]() Original publisher: [Read original article]() Author: Preethi Published: 2026-08-10T15:58:47Z Content type: tutorial Language: en Sources: [CSS-Tricks]() Topics: [Web Development]() Tags: [animation](), [articles](), [border-image](), [css](), [css-animation](), [html](), [images](), [user-interfaces]() ### AI overview A CSS tutorial on animating border images with gradients to create interface effects, including limitations and a basic HTML/CSS setup. ### Source excerpt Border images are an overlooked feature. One neat fact is that border image slices can run across entire borders on an element, and animating it creates beautiful effects. Animating CSS border-image originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well. ## Build intelligent Android apps: Integrate into Android's intelligence system using AppFunctions DevFeed: [Build intelligent Android apps: Integrate into Android's intelligence system using AppFunctions]() Original publisher: [Read original article]() Author: Android Developers (noreply@blogger.com) Published: 2026-07-21T13:00:00Z Content type: tutorial Language: en Sources: [Android Developers Blog](), [Android Developers Blog]() Topics: [App](), [AI Bots]() Tags: [agent](), [agentic](), [ai](), [android](), [app](), [how-to](), [mobile](), [tooling](), [user-interfaces](), [voice]() ### AI overview A tutorial on integrating Android AppFunctions into a travel-planning app so a privileged on-device agent can perform tasks such as expense tracking and itinerary queries through voice or text commands. ### Source excerpt Posted by Ben Weiss, Senior Developer Relations Engineer, Android Developer Relations Welcome back to the blog post series "Build intelligent Android apps" where we take a basic Android app and transform it into a personalized, intelligent, and agentic experience. In our previous post, we explored how to leverage Firebase AI Logic to build cloud-hosted and hybrid AI features. Traditional mobile UIs excel at focused, hands-on tasks, and the Android intelligence system is introducing complementary features to make complex, multi-step actions even easier. By supplementing traditional user interfaces, AppFunctions provide a powerful new entry point: A privileged agent on the device can access app features in the background. This can be particularly helpful when users are driving, walking or otherwise multitasking. In this article, we'll show you how we designed and integrated these capabilities into our travel planning app, JetPacker, using Android AppFunctions. We'll explore the rationale behind our feature choices, discuss the specialized tooling we used to accelerate development, and dive into the code that makes it all work. Designing AI-ready features: making choices that matter for your users To select which features to provide to the intelligence system, we looked for tasks where a voice or text command is objectively faster than tapping through screens. In this side-by-side screen recording you can see this contrast perfectly: on the left, a user tapping through multiple screens to log an expense; on the right, the same task completed instantly in the background via a privileged agent. Our first choice was expense tracking. Logging a coffee expense during a trip usually takes quite a few taps--unlocking the phone, opening the app, finding the active trip, navigating to the expenses tab, tapping the add button, taking a picture of the receipt, and checking the result. By providing the addExpense and getExpenses features as AppFunctions, the system agent handles th ## Build intelligent Android apps: Integrate into Android's intelligence system using AppFunctions DevFeed: [Build intelligent Android apps: Integrate into Android's intelligence system using AppFunctions]() Original publisher: [Read original article]() Author: Android Developers (noreply@blogger.com) Published: 2026-07-21T13:00:00Z Content type: tutorial Language: en Sources: [Android Developers Blog]() Topics: [Android](), [App](), [Artificial Intelligence](), [Development](), [Code](), [Mobile](), [User Interfaces](), [Firebase]() Tags: [agent](), [agentic](), [ai](), [android](), [android-apps](), [apps](), [code](), [development](), [how-to](), [mobile](), [user-interfaces]() ### AI overview This tutorial explains how to integrate Android AppFunctions into the JetPacker travel-planning app. It shows how privileged on-device agents can perform tasks such as logging expenses, managing itineraries, and capturing notes through voice or text commands, including background access that can simplify multitasking. ### Source excerpt Posted by Ben Weiss, Senior Developer Relations Engineer, Android Developer Relations Welcome back to the blog post series "Build intelligent Android apps" where we take a basic Android app and transform it into a personalized, intelligent, and agentic experience. In our previous post, we explored how to leverage Firebase AI Logic to build cloud-hosted and hybrid AI features. Traditional mobile UIs excel at focused, hands-on tasks, and the Android intelligence system is introducing complementary features to make complex, multi-step actions even easier. By supplementing traditional user interfaces, AppFunctions provide a powerful new entry point: A privileged agent on the device can access app features in the background. This can be particularly helpful when users are driving, walking or otherwise multitasking. In this article, we'll show you how we designed and integrated these capabilities into our travel planning app, JetPacker, using Android AppFunctions. We'll explore the rationale behind our feature choices, discuss the specialized tooling we used to accelerate development, and dive into the code that makes it all work. Designing AI-ready features: making choices that matter for your users To select which features to provide to the intelligence system, we looked for tasks where a voice or text command is objectively faster than tapping through screens. In this side-by-side screen recording you can see this contrast perfectly: on the left, a user tapping through multiple screens to log an expense; on the right, the same task completed instantly in the background via a privileged agent. Our first choice was expense tracking. Logging a coffee expense during a trip usually takes quite a few taps--unlocking the phone, opening the app, finding the active trip, navigating to the expenses tab, tapping the add button, taking a picture of the receipt, and checking the result. By providing the addExpense and getExpenses features as AppFunctions, the system agent handles th ## How Codex became a collaborator for OpenAI's creative team DevFeed: [How Codex became a collaborator for OpenAI's creative team]() Original publisher: [Read original article]() Published: 2026-07-16T07:00:00Z Content type: article Language: en Sources: [OpenAI News]() Topics: [codex](), [OpenAI](), [Artificial Intelligence](), [API](), [ide](), [API keys]() Tags: [ai](), [api](), [apis](), [codex](), [creative-tools](), [design](), [developers](), [openai](), [openai-on-openai](), [tools](), [ui](), [user-interfaces](), [workflow](), [workflows]() ### AI overview OpenAI describes how its creative team uses Codex as a context-aware collaborator to develop custom tools, workflows, user interfaces, and campaign ideas. The article highlights Codex's ability to work with creative assets and project context while helping prototype visual controls and accelerate exploration. ### Source excerpt How OpenAI's creative team uses Codex to build custom creative tools, accelerate ideation, and prototype faster with context-aware AI. ## Your Prototype Is Not Being Honest With Your Users (And Here's How To Fix It) DevFeed: [Your Prototype Is Not Being Honest With Your Users (And Here's How To Fix It)]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Eric Joseph L.) Published: 2026-05-25T12:00:00Z Content type: tutorial Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [Usability](), [User interface design](), [Figma](), [Authentication](), [passwords](), [No-code](), [iOS]() Tags: [article](), [authentication](), [banking](), [design](), [figma](), [how-to](), [ios](), [mobile](), [no-code](), [prototypes](), [tutorial](), [ui](), [usability](), [user-experience](), [user-interfaces](), [validation]() ### AI overview This tutorial explains how to build a realistic mobile banking login prototype in ProtoPie. It covers importing a login design from Figma, creating functional text and masked-password inputs, validating credentials, displaying live errors, and adding a timed Face ID animation without code. ### Source excerpt There's a moment in almost every usability session where a participant pauses at the login screen, types something, and glances up: checking whether they're "doing it right." That pause is a clear sign. They've already clocked that this isn't a real app, and every data point collected after that moment is filtered through that awareness. ## Reimagining the mouse pointer for the AI era DevFeed: [Reimagining the mouse pointer for the AI era]() Original publisher: [Read original article]() Author: Adrien Baranes; Rob Marchant Published: 2026-03-29T10:50:49Z Content type: article Language: en Sources: [Google DeepMind News]() Topics: [Artificial Intelligence](), [User Interfaces](), [Google AI](), [Google](), [GUI]() Tags: [ai](), [chrome](), [gemini](), [google](), [google-ai](), [research](), [user-interfaces]() ### AI overview Google DeepMind explores an AI-enabled mouse pointer that understands the context and purpose of what users point at. Powered by Gemini, the experimental concept aims to make AI collaboration more seamless across websites, documents, workflows, Chrome, and tools such as Google AI Studio. ### Source excerpt Google DeepMind is transforming the mouse pointer into a context-aware AI partner. Move beyond the friction of traditional prompting with intuitive AI collaboration in Chrome and beyond. ## Gemini 3.1 Flash-Lite: Built for intelligence at scale DevFeed: [Gemini 3.1 Flash-Lite: Built for intelligence at scale]() Original publisher: [Read original article]() Author: Equipe do Google Gemini Published: 2026-03-03T16:35:55Z Content type: article Language: en Sources: [Google DeepMind News]() Topics: [Google AI](), [API](), [Artificial Intelligence](), [Benchmark](), [multimodal](), [real-time](), [User Interfaces](), [dashboards]() Tags: [api](), [benchmark](), [benchmarks](), [cost](), [dashboards](), [efficiency](), [gemini](), [latency](), [models](), [multimodal](), [none](), [performance](), [real-time](), [reasoning](), [speed](), [user-interfaces](), [vertex]() ### AI overview Google introduces Gemini 3.1 Flash-Lite, a fast, cost-efficient model for high-volume developer workloads. Available in preview through the Gemini API, Google AI Studio, and Vertex AI, it emphasizes low latency, speed, quality, and configurable thinking levels for tasks ranging from translation and content moderation to interface and dashboard generation. ### Source excerpt Gemini 3.1 Flash-Lite is our fastest and most cost-efficient Gemini 3 series model yet. ## Is the app layer where AI proves its value? DevFeed: [Is the app layer where AI proves its value?]() Original publisher: [Read original article]() Author: Andrew Hogan Published: 2025-09-12T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Artificial Intelligence](), [App](), [Generative AI](), [GUI](), [Large Language Model](), [User Interfaces](), [browsers](), [Web](), [Microsoft](), [Figma]() Tags: [ai](), [app](), [artificial-intelligence](), [browsers](), [figma](), [generative-ai](), [gui](), [large-language-models-llms](), [microsoft](), [user-interfaces](), [web]() ### AI overview The article argues that AI will become widely useful through the app layer, not through new models alone. Drawing parallels with GUIs, browsers, web apps, and smartphone applications, it says thoughtful interfaces and design can turn large language models into accessible tools for everyday users. ### Source excerpt The next leap in AI won't come from new models alone--the app layer will be what makes new technology stick. ## Five Steps to Interfaces That Connect. The Artisan of the Day Is Leah Thompson. DevFeed: [Five Steps to Interfaces That Connect. The Artisan of the Day Is Leah Thompson.]() Original publisher: [Read original article]() Author: Ana Tavares Published: 2025-08-16T14:02:32Z Content type: article Language: en Sources: [Laravel Blog]() Topics: [Web Development]() Tags: [design](), [frontend](), [frontend-development](), [laravel](), [user-experience](), [user-interfaces]() ### AI overview A Laravel team member presents a systematic five-step approach to creating engaging frontend user interfaces, covering spacing, typography, and layering. ### Source excerpt Laravel team member Leah Thompson shares her advice on making frontend development less intimidating and more systematic. ## postmarketOS v25.06 adds systemd and updates mobile user interfaces DevFeed: [postmarketOS v25.06 adds systemd and updates mobile user interfaces]() Original publisher: [Read original article]() Published: 2025-06-22T00:00:00Z Content type: release Language: en Sources: [postmarketOS Blog]() Topics: [systemd](), [releases](), [Linux](), [Mobile](), [User Interfaces]() Tags: [linux](), [mobile](), [postmarketos](), [releases](), [systemd](), [user-interfaces]() ### AI overview postmarketOS v25.06 introduces systemd, targets Alpine Linux 3.22, and updates its mobile user interfaces, including GNOME, KDE Plasma Mobile, and Phosh. ### Source excerpt This release is geared mainly towards Linux enthusiasts. We are working hard on stability improvements and automated testing, but if you expect Android or iOS levels of polish, then this is not for you yet. Introduction This is it, the one that adds systemd to postmarketOS! We have talked about the decision at length on this blog, make sure to read the initial announcement if this is the first time you are hearing about this. Thanks to Jane, Casey, Clayton, Achill, Jakub, Bryant, Stefan, Bart, Pablo, Oliver, Robert M., Alexey M., Alistair, Devin, Aster, George, Luca, Bhushan, Dylan, Henrik, bjorn3, David H., Aelin, Federico, Ferass, Sam and everybody else who has helped with making this possible. It was truly a team effort! Software Stack As always we target the most recent Alpine release. In case of v25.06 it is the excellent Alpine Linux 3.22. User Interfaces (UIs) Mobile UI Versions GNOME 48 and gnome-shell-mobile 48.mobile.0 replace GNOME 47 and 46-mobile.1 from v24.12. With the new versions we get massive performance improvements with dynamic triple buffering and more, new fonts, notification stacking, window placement and input improvements and much more. Thanks to Jonas, Achill and all the GNOME contributors! KDE Plasma Mobile 6.3.5 replaces version 6.2.4 from v24.12. This release has improvements for the task switcher, window placement, action drawer, quick settings, status bar, volume controls, manual screen rotation, a new traffic monitor in the Wi-Fi settings and major bug fixes regarding the lockscreen and dual-sim devices. The new chat page has gotten new UX as well. See the recent dev log post for details (search for 6.3). Thanks to Devin, Bhushan, Luis, Micah, Vlad, User8395, Sebastian K., Bart and all the KDE contributors! Phosh 0.47.0 replaces version 0.45.0 from v24.12. Between these releases, Phosh has gained support for setting a lockscreen wallpaper (which we have enabled in pmOS), quick settings improvements, searching in the file chooser porta ## Figma localizes product and support for Korean market DevFeed: [Figma localizes product and support for Korean market]() Original publisher: [Read original article]() Author: Figma Published: 2025-04-15T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Localization (l10n)](), [User Interfaces](), [Internet]() Tags: [community](), [company](), [customers](), [design](), [developers](), [development](), [digital-products](), [figma](), [global](), [internet](), [platform](), [product](), [productivity](), [products](), [support](), [technology](), [user-interfaces](), [work]() ### AI overview Figma has launched an open beta for Korean localization, translating its product and adapting its user interfaces and support for Korean users. The article describes this as Figma's third product localization and highlights adoption, community activity, and customer feedback in South Korea. ### Source excerpt Figma launches Korean localization open beta, with more languages expected to follow this year. ## How We Build: Behind the Frontend of trivago's Website DevFeed: [How We Build: Behind the Frontend of trivago's Website]() Original publisher: [Read original article]() Author: Tom Bartel Published: 2025-01-27T00:00:00Z Content type: article Language: en Sources: [Trivago]() Topics: [Front end](), [Development](), [Testing](), [User Experience](), [User Interfaces](), [Website](), [Web app](), [Android](), [iOS]() Tags: [android](), [development](), [engineering](), [engineering-culture](), [frontend](), [ios](), [team](), [testing](), [user-experience](), [user-interfaces](), [web-app]() ### AI overview This article explains how trivago organizes its frontend engineering work across roughly 80 people and six squads. It describes collaboration among product managers, designers, frontend engineers, tech leads, and QA specialists across the web app, Android app, and iOS app, including the team's testing practices. ### Source excerpt Modern frontend engineering is a collaborative effort of many people with different talents and expertise. Over the years, a team working together can continuously refine their ways of working, ... ## postmarketOS v24.12 Adds Camera Support on Several Devices and Updates Mobile UIs DevFeed: [postmarketOS v24.12 Adds Camera Support on Several Devices and Updates Mobile UIs]() Original publisher: [Read original article]() Published: 2024-12-23T00:00:00Z Content type: release Language: en Sources: [postmarketOS Blog]() Topics: [Linux](), [Linux Kernel](), [Mobile](), [User Interfaces](), [Testing](), [Android]() Tags: [android](), [camera](), [linux](), [linux-kernel](), [mobile](), [postmarketos](), [release](), [testing](), [user-interfaces](), [video]() ### AI overview postmarketOS v24.12 is a Linux mobile release focused on stability, automated testing, camera support, and updated mobile user interfaces. The Pixel 3A and Fairphone 5 have working front and rear cameras, while one rear camera works on the Pocophone F1. The release uses Alpine Linux 3.21 and updates GNOME Shell on Mobile, KDE Plasma Mobile, Phosh, and Sxmo. ### Source excerpt This release is geared mainly towards Linux enthusiasts. We are working hard on stability improvements and automated testing, but if you expect Android or iOS levels of polish, then this is not for you yet. Systemd is coming in the next one. Introduction One thing that people have been asking us over and over is, will it be possible to use cameras with postmarketOS on Androids? While of course we all would like to see that, this is a significant challenge for postmarketOS and other Linux Mobile projects that prefer using the mainline Linux kernel and don't use the proprietary Android userspace blobs for interacting with cameras. But as you can guess from the headline, there has been a significant breakthrough: the Pixel 3A and Fairphone 5 both have front and a rear camera working now, and somebody even reported being able to record video on the FP5. One of the two rear cameras of the Pocophone F1 also works now. As you would expect, this is not on-par with Android's implementation yet and some of the media has a bit of a retro appeal at the moment. Nevertheless, this is a major achievement! Thanks to Robert M., Richard Ac., Luca, Joel, Alistair as well as the libcamera and Megapixels folks! Software Stack As always we target the most recent Alpine release. In case of v24.12 it is the excellent Alpine Linux 3.21. User Interfaces (UIs) Mobile UI Versions GNOME Shell on Mobile 46-mobile.1 replaces 45_git20240610 from v24.06. Besides the rebase on Gnome Shell 46, this has several visual, keyboard and inhibit/suspend related improvements. Thanks to Jonas and all the GNOME contributors! KDE Plasma Mobile 6.2.4 replaces version 6.0.5 from v24.06. A notable improvement is the new dialer with "17 months of bug fixing as well as small improvements all over the place". Thanks to Devin and all the KDE contributors! Phosh 0.43.1 replaces version 0.39.0 from v24.06. Among other great improvements, Phosh now supports accent colors as you can see in the header image. Thanks to Guid ## What's New in Apache Pulsar 4.0 DevFeed: [What's New in Apache Pulsar 4.0]() Original publisher: [Read original article]() Author: Lari Hotari Published: 2024-10-24T00:00:00Z Content type: release Language: en Sources: [Apache Pulsar Blog]() Topics: [Apache Pulsar](), [Transactions](), [real-time](), [Command-line interface](), [REST API](), [Prometheus](), [User Interfaces](), [Automation](), [Documentation]() Tags: [announce](), [apache](), [blog-post](), [cli](), [features](), [improvements](), [launch](), [lts](), [metrics](), [prometheus](), [real-time](), [release](), [rest-api](), [user-interfaces]() ### AI overview Apache Pulsar 4.0 is announced as a new long-term support release. The article highlights improvements to Key_Shared subscriptions, including better message ordering and reduced blocking during consumer changes and application restarts. It also describes troubleshooting metrics and planned REST API, web interface, CLI, Prometheus, and OTel integrations. ### Source excerpt The Apache Pulsar community is thrilled to announce the launch of Apache Pulsar 4.0, a new LTS release! ## The infrastructure behind AI search in Figma DevFeed: [The infrastructure behind AI search in Figma]() Original publisher: [Read original article]() Author: Isaac Goldberg; Maggie Zhou Published: 2024-10-15T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [AI search](), [Figma](), [Embeddings](), [Artificial Intelligence](), [Fine-tuning](), [User Interfaces]() Tags: [ai](), [ai-search](), [data](), [embedding](), [embeddings](), [figma](), [fine-tuning](), [image](), [images](), [search](), [user-interfaces]() ### AI overview Figma describes the infrastructure behind its AI-powered search features for designs and published components. The system uses embeddings to support text-based and visual search across large collections of files and components, while addressing the cost of generating and indexing billions of embeddings. Figma says its embedding models were not trained on private Figma files or customer data; fine-tuning used images of user interfaces from public Community files. ### Source excerpt To build AI search in Figma, we had to tackle a number of technical hurdles, including the challenge of generating and indexing billions of embeddings to power these features--while also keeping costs down. ## Fixing your website's JavaScript performance DevFeed: [Fixing your website's JavaScript performance]() Original publisher: [Read original article]() Author: debugbear Published: 2024-10-09T00:00:00Z Content type: tutorial Language: en Sources: [MDN Blog]() Topics: [modern web development](), [Web platform](), [interactive website]() Tags: [browser](), [javascript](), [next-js](), [optimization](), [payload](), [performance](), [user-interfaces](), [web]() ### AI overview The article explains JavaScript-related web performance bottlenecks: long main-thread tasks, large bundles, and client-side hydration. It shows how slow parsing and execution can leave server-rendered content visible but temporarily unresponsive. ### Source excerpt Learn about lesser-known web performance bottlenecks connected to excessive JavaScript usage, like long tasks, large bundle sizes, and hydration issues. ## Easily Develop Graphical User Interfaces (GUIs) with Espressif Microcontrollers (MCUs) DevFeed: [Easily Develop Graphical User Interfaces (GUIs) with Espressif Microcontrollers (MCUs)]() Original publisher: [Read original article]() Author: John Lee Published: 2024-09-17T00:00:00Z Content type: article Language: en Sources: [Blog on Developer Portal]() Topics: [Espressif](), [ESP32](), [User Interfaces](), [Esp32 S2](), [ESP32-S3](), [Figma](), [Embedded Systems](), [cross-platform](), [Artificial Intelligence]() Tags: [ai](), [blog](), [cross-platform](), [embedded](), [embedded-wizard](), [esp-idf](), [esp32](), [esp32-s2](), [esp32-s3](), [espressif](), [figma](), [graphics](), [gui](), [implementation](), [interface](), [iot](), [microcontrollers](), [user-interfaces]() ### AI overview The article explains how Embedded Wizard 15 and Embedded Wizard Connect for Figma support GUI development for Espressif ESP32-S2 and ESP32-S3 microcontrollers. It describes AI-assisted development, Figma-to-IDE integration, resource efficiency, cross-platform code generation, widgets, animations, and real-time data visualization. ### Source excerpt Learn how Embedded Wizard 15 with AI-assisted development and Figma integration helps you create stunning, responsive GUIs for ESP32-S2 and ESP32-S3 microcontrollers. ## Beginning Android & Kotlin DevFeed: [Beginning Android & Kotlin]() Original publisher: [Read original article]() Published: 2024-09-10T00:00:00Z Content type: article Language: en Sources: [Kodeco | High quality programming tutorials: iOS, Android, Swift, Kotlin, Unity, and more]() Topics: [Android](), [Kotlin](), [Jetpack Compose](), [User Interfaces](), [Programming]() Tags: [android](), [apps](), [compose](), [development](), [kotlin](), [mobile](), [program](), [user-interfaces]() ### AI overview A 14-week beginner program for learning Android mobile development with Kotlin and Jetpack Compose. It covers modern Android app foundations, user interfaces, internet data fetching, background code execution, source control, and object-oriented programming through structured content and hands-on projects. ### Source excerpt Jump into the exciting world of Android mobile development. In this comprehensive program, you'll learn the foundations of writing modern Android apps from the ground up whether you are new to Android or even new to programming in general. You'll learn everything you need to know from programming in Kotlin to developing impressive user interfaces in Jetpack Compose. You'll explore many fundamental topics such as fetching data over the internet to running code in the background. By the end of this program, you will have experienced Android development from the ground while also learning critical skills such as source control and object-orientated programming techniques. ## Beyond the Binary - More Inclusive Gender Options with Compose DevFeed: [Beyond the Binary - More Inclusive Gender Options with Compose]() Original publisher: [Read original article]() Author: Eevis Panula Published: 2024-09-02T03:38:14.053000Z Content type: tutorial Language: en Sources: [Eevis Blog]() Topics: [Jetpack Compose](), [Compose](), [User Interfaces](), [App](), [Development](), [Forms]() Tags: [app-development](), [article](), [culture](), [development](), [forms](), [gender](), [how-to](), [inclusive](), [jetpack-compose](), [user-interfaces]() ### AI overview This article explains why binary or "other" gender choices can exclude users, discusses gender and sex as distinct concepts, and demonstrates how to build a more inclusive gender selection for app settings with Jetpack Compose. ### Source excerpt If your gender matches the one that was assigned to you at birth, you probably don't notice flaws in application design that enforce the gender binary. But if it doesn't, and especially if your gender is beyond the woman-man binary, you constantly notice user interfaces that exclude you. For example, what should you select if you aren't a man or a woman, and those are the only options in a form? In some cases, forms might include the option "other". But... It underlines that you're something other and don't even have a category. As someone who has felt their entire life like an outsider and the other in many ways, I can tell you that it doesn't do good things to your mental health. So, in this blog post, I'll discuss the concept of gender a bit and then demonstrate one way to build a more inclusive gender selection with Jetpack Compose. Finally, at the end, I'll list some resources related to this topic. Gender Beyond the Binary Let's start with the basics: Gender and sex are separate things. In some languages, like Finnish, the word for both is the same - "sukupuoli" - but, for example, English differentiates them. And neither of them is binary. Gender is a social construct, and each culture has its own norms for genders. There are multiple genders, and a person might describe themself with one or more. Some examples include woman, man, non-binary, agender, genderqueer, demigender (e.g., demigirl or demiboy), or genderfluid. If you want to learn more, I've listed some resources in the Resources-section. Asking User's Gender Gender is asked in many locations - it might be surveys, settings for an app, and many other places. I'll concentrate on app development as I write about app development, and the specific case of app settings because that's where I've seen this gender selection pop up the most frequently. Before diving into the technical implementation of more inclusive gender options, I want to discuss whether there is a need for gender data and making the sele ## Getting Started with SwiftUI DevFeed: [Getting Started with SwiftUI]() Original publisher: [Read original article]() Published: 2024-06-20T00:00:00Z Content type: tutorial Language: en Sources: [Kodeco | High quality programming tutorials: iOS, Android, Swift, Kotlin, Unity, and more]() Topics: [SwiftUI](), [iOS](), [User Interfaces](), [User interface design]() Tags: [apple](), [badge](), [course](), [getting-started](), [guide](), [how-to](), [ios](), [learning](), [swiftui](), [user-interface](), [user-interfaces]() ### AI overview A beginner learning path that introduces SwiftUI, Apple's declarative user interface framework for iOS development. It covers views, view hierarchies, custom views, adaptive interfaces, and navigation. ### Source excerpt This course introduces the fundamental concepts of SwiftUI, Apple's declarative user interface framework for building iOS applications. You'll delve into the world of SwiftUI, learning how to create responsive user interfaces with ease. The course covers essential topics such as views, hierarchies and navigation providing a solid foundation for developing iOS apps. ## Beginning iOS & Swift DevFeed: [Beginning iOS & Swift]() Original publisher: [Read original article]() Published: 2024-06-20T00:00:00Z Content type: tutorial Language: en Sources: [Kodeco | High quality programming tutorials: iOS, Android, Swift, Kotlin, Unity, and more]() Topics: [iOS](), [Swift](), [SwiftUI](), [User Interfaces](), [Xcode](), [Data Management](), [Persistence](), [Programming](), [networking](), [Optimization]() Tags: [apple](), [apps](), [building](), [developer](), [guide](), [ios](), [program](), [programming](), [swift](), [swiftui](), [tools](), [ui](), [user-interfaces](), [xcode]() ### AI overview A 15-week Kodeco program for learning iOS app development with Swift, SwiftUI, and Xcode. It covers user interfaces, navigation, data management, persistence, networking, and performance optimization through structured content, projects, and mentor feedback. ### Source excerpt The Kodeco Beginning iOS & Swift program provides a comprehensive learning experience guided by experienced industry professionals. Gain the in-demand skills you need to excel in building modern iOS apps using Apple's revolutionary UI framework, SwiftUI. You'll begin with an introduction to Apple's Swift programming language, Xcode, and version control. Once you have the fundamental concepts you will learn SwiftUI and craft captivating user interfaces. You'll effortlessly guide users through your apps with built-in navigation tools. As the program progresses you'll navigate your way towards the power of data management, including passing data, state management, and data persistence for dynamic apps. Take a step further with networking and performance optimization techniques, ensuring your apps run smoothly. With the help of your mentor you can progress with confidence, ensuring you have a firm grasp of each concept. This program provides you with the tools to maximize your learning potential towards becoming a sought after iOS developer. [Next page]()