# responsive design Published articles for responsive design. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Stop Treating CSS Container Queries Like Traditional Media Queries DevFeed: [Stop Treating CSS Container Queries Like Traditional Media Queries]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Victor Ayomipo) Published: 2026-09-16T13:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [container](), [CSS](), [Media Queries](), [Responsive Design]() Tags: [container](), [css](), [responsive-design](), [techniques]() ### AI overview This article explains why CSS container queries should not be treated as equivalent to traditional media queries. It discusses their differing purposes, focuses on container size queries, and describes how they allow reusable components to respond to the size of their surrounding container. ### Source excerpt Despite broad browser support, container queries remain surprisingly underused and frequently misunderstood. Let's look at how they differ from media queries, when to reach for each, and how container queries help reusable components respond naturally to the contexts in which they appear. - CSS - Tools - Techniques ## Apple's Foldable iPhone Interface Raises Accessibility Questions for Left-Handed Users DevFeed: [Apple's Foldable iPhone Interface Raises Accessibility Questions for Left-Handed Users]() Original publisher: [Read original article]() Author: Noah Davis Published: 2026-09-15T14:30:00Z Content type: opinion Language: en Sources: [Web Designer Depot]() Topics: [User experience (UX)](), [Responsive Design](), [User interface design]() Tags: [apple](), [interface](), [iphone-duo](), [responsive-design](), [ui](), [ux](), [ux-usability]() ### AI overview The article examines how Apple's foldable iPhone Duo moves controls into a vertical side bar on its larger display. It argues that adaptive interface design should account for the person using the device, including whether the layout is comfortable for left-handed users, while noting that a usability problem has not been proven because the phone has not yet reached customers. ### Source excerpt Apple moved key controls to the side of its new foldable iPhone to make them easier to reach -- but easier for whom? The decision raises a surprisingly big UX question that every web and interface designer should be thinking about. ## Canva Is Quietly Publishing Nearly 1 Million Websites a Month DevFeed: [Canva Is Quietly Publishing Nearly 1 Million Websites a Month]() Original publisher: [Read original article]() Author: Alex Harper Published: 2026-09-08T12:02:00Z Content type: article Language: en Sources: [Web Designer Depot]() Topics: [Web](), [Search engine optimization (SEO)](), [Code](), [webflow](), [WordPress]() Tags: [ai-tools](), [ai-web-design](), [canva](), [canva-code](), [canva-websites](), [code](), [design-automation](), [design-tools](), [framer](), [no-code](), [no-code-website-builders](), [responsive-design](), [seo](), [updates](), [ux-design](), [visual-suite](), [visual-ui-design](), [web](), [web-design](), [web-designers](), [web-development](), [webflow](), [website-builders](), [website-design](), [wordpress]() ### AI overview Canva is becoming a significant website platform, publishing nearly one million new websites monthly and more than 89 million since 2022. New capabilities include navigation, SEO controls, responsive layouts, custom domains, analytics, password protection, and Canva Code for creating interactive elements from prompts. The article argues that Canva's main impact on web designers will come from making simple websites exceptionally convenient to create. ### Source excerpt Canva isn't just for presentations and social posts anymore. Nearly 1 million websites are now being published through Canva every month--and with 100+ new Visual Suite updates, web designers may want to start paying attention. ## Ebb, Meet Flow: Intrinsic Design in a Nutshell DevFeed: [Ebb, Meet Flow: Intrinsic Design in a Nutshell]() Original publisher: [Read original article]() Author: L. Jeffrey Zeldman Published: 2026-08-18T17:24:50Z Content type: opinion Language: en Sources: [Jeffrey Zeldman]() Topics: [Responsive Design](), [web design](), [Front end](), [web-standards]() Tags: [authoring](), [best-practices](), [css](), [design](), [essentials](), [responsive](), [responsive-design](), [responsive-web-design](), [rwd](), [standards](), [state-of-the-web](), [the-essentials](), [the-profession](), [type](), [typography](), [usability](), [user-experience](), [ux](), [w3c](), [web-design](), [web-design-history](), [web-standards](), [webdesign](), [webtype]() ### AI overview This article explains intrinsic or fluid responsive design: define type scales for small and large screens, then let the browser interpolate between them according to viewport width. It connects the approach to earlier ideas about designing for the web's natural ebb and flow and to the development of Responsive Web Design through improved web standards and browser support. ### Source excerpt In 2020, the gifted makers of websites at Clearleft shared methods to achieve fluid responsive design. "Utopian" web design was (and still is) their half-kidding name for this approach, which Apple's Jen Simmons, working indendently, called "intrinsic design." Instead of chasing an ever-changing number of fixed breakpoints, utopian or intrinsic design follows the web's intrinsic [...] The post Ebb, Meet Flow: Intrinsic Design in a Nutshell appeared first on Jeffrey Zeldman Presents. ## Figma is the New Dreamweaver: How Modern Prototyping Tools are Trapping Us in 2018 DevFeed: [Figma is the New Dreamweaver: How Modern Prototyping Tools are Trapping Us in 2018]() Original publisher: [Read original article]() Author: Noah Davis Published: 2026-08-17T12:04:00Z Content type: opinion Language: en Sources: [Web Designer Depot]() Topics: [Figma](), [Code](), [CSS](), [HTML](), [Web](), [Web Development](), [systems]() Tags: [accessibility](), [css](), [design](), [design-systems](), [design-tools](), [dreamweaver](), [figma](), [figma-alternatives](), [frontend-development](), [html](), [interface-design](), [modern-web-design](), [product-design](), [prototyping](), [responsive-design](), [systems](), [ui-design](), [user-experience](), [ux-design](), [web](), [web-design](), [web-designers](), [web-development](), [writing-code]() ### AI overview Figma's polished, pixel-based canvas and prototyping features can obscure the fluidity, document flow, layout behavior, and unpredictable content of the web. The article argues that designers who rely on fixed artboards and simulated code risk repeating Dreamweaver's history of separating visual design from HTML, CSS, responsive behavior, performance, and systems thinking. ### Source excerpt Just like Dreamweaver convinced a generation they could ignore HTML and CSS, Figma's perfect canvas may be hiding the messy realities of how the web actually works. The future belongs to designers who understand systems, behavior, performance, and code--not just pixels. ## The Ghost Site Resurrector: How Junior Designers Can Turn Digital Abandonment into Cash DevFeed: [The Ghost Site Resurrector: How Junior Designers Can Turn Digital Abandonment into Cash]() Original publisher: [Read original article]() Author: Alex Harper Published: 2026-08-12T11:40:00Z Content type: article Language: en Sources: [Web Designer Depot]() Topics: [Web](), [Artificial Intelligence](), [Google]() Tags: [2026](), [ai](), [ai-web-design](), [building](), [business](), [conversion-optimization](), [design](), [digital-transformation](), [framer](), [framer-ai](), [freelance-web-design](), [freelancing-clients](), [ghost-websites](), [junior](), [junior-designer-tips](), [local](), [local-business-marketing](), [mobile-optimization](), [outdated-websites](), [responsive-design](), [search](), [seo-optimization](), [small-business-websites](), [smartphone](), [ui-modernization](), [ux-improvements](), [web-design](), [web-design-side-hustle](), [website-redesign](), [website-refresh](), [wix-adi]() ### AI overview The article presents the "Ghost Site Resurrector" strategy for junior web designers: identify local businesses with neglected websites, create a visual redesign mockup using tools such as Framer AI or Wix Harmony, and use the transformation to sell website refresh projects. It claims this approach can generate $1,000-$2,000 per project with less than four hours of total engagement. ### Source excerpt Most websites aren't broken--they're just abandoned. That forgotten, outdated site sitting on page two of Google could be a $1,500 opportunity hiding in plain sight. Welcome to the Ghost Site Resurrector strategy--where neglected businesses become your fastest path to cash. ## How to build user-friendly mobile websites for small screens DevFeed: [How to build user-friendly mobile websites for small screens]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-07-11T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [Responsive Design](), [User Experience](), [web design](), [Web]() Tags: [best-practices](), [building](), [design](), [how-to](), [learn](), [mobile](), [responsive-design](), [user-experience](), [web](), [web-design](), [website-design]() ### AI overview A guide to building user-friendly mobile websites through mobile-first and responsive design. It explains why mobile browsing matters, how mobile-first layouts prioritize essential content and actions, and how responsive and adaptive approaches differ. ### Source excerpt Learn why building a mobile experience is important, then explore examples and best practices that show how to optimize your mobile website. ## Payment Form Design for Conversion: A SaaS Practitioner's Guide DevFeed: [Payment Form Design for Conversion: A SaaS Practitioner's Guide]() Original publisher: [Read original article]() Author: Ayush Agarwal Published: 2026-05-21T00:00:00Z Content type: tutorial Language: en Sources: [Dodo Payments Blog]() Topics: [Software as a service](), [Responsive Design](), [Forms](), [Web]() Tags: [checkout](), [conversion](), [design](), [forms](), [guide](), [mobile](), [payment](), [practitioner](), [responsive-design](), [saas](), [ux]() ### AI overview A practical guide to improving payment-form conversion for SaaS and digital products. It emphasizes mobile layouts, expected payment methods, clear totals and currencies, recoverable error messages, and removing fields that feel unnecessary. ### Source excerpt What actually moves checkout conversion. Field count, mobile layout, error messaging, payment methods, and the patterns that win on real traffic. ## Moving away from Tailwind, and learning to structure my CSS DevFeed: [Moving away from Tailwind, and learning to structure my CSS]() Original publisher: [Read original article]() Author: Julia Evans Published: 2026-05-15T00:00:00Z Content type: article Language: en Sources: [Julia Evans]() Topics: [CSS](), [Tailwind CSS](), [Front end](), [CSS Resets](), [Code](), [Responsive Design]() Tags: [code](), [css](), [frontend](), [how-to](), [responsive-design](), [tailwind]() ### AI overview The author describes migrating several sites from Tailwind to semantic HTML and vanilla CSS, using lessons from Tailwind to create clearer systems for structuring CSS. The article discusses resets, components, colors, font sizes, utility classes, spacing, responsive design, and the build system. ### Source excerpt Hello! 8 years ago, I wrote excitedly about discovering Tailwind. At that time I really had no idea how to structure my CSS code and given the choice between a pile of complete chaos and Tailwind, I was really happy to choose Tailwind. It helped me make a lot of tiny sites! I spent the last week or so migrating a couple of sites away from Tailwind and towards more semantic HTML + vanilla CSS, and it was SO fun and SO interesting, so here are some things I learned! As usual I'm not a full-time frontend developer and so all of my CSS learning has happened in fits and starts over many years. it turns out Tailwind taught me a lot When I started thinking about structuring CSS, I was intimidated at first: I'm not very good at structuring my CSS! But then I started reading blog posts talking about how to structure CSS (like A whole cascade of layers or How I write CSS in 2024) and I realized a couple of things: Every CSS code base has a bunch of different things going on (layouts! fonts! colours! common components!) It's extremely useful to have systems or guidelines to manage each of those things, otherwise things descend into chaos Tailwind has systems for some of these, and I already know those systems! Maybe I can imitate the systems I like! For example, Tailwind has: a reset stylesheet a colour palette a font scale the systems I'm going to talk about I'm going to talk about a few aspects of my CSS codebase and my thoughts so far what kind of rules I want to impose on the codebase for each one. Some of them are copied from Tailwind and some aren't. reset components colours font sizes utility classes the base spacing responsive design the build system 1. reset I just copied Tailwind's "preflight styles" by going into tailwind.css and copying the first 200 lines or so. I noticed that I've developed a relationship with Tailwind's CSS reset over time, for example Tailwind sets box-sizing: border-box on every element (which means that an element's width includes its padding ## 2025 in Review DevFeed: [2025 in Review]() Original publisher: [Read original article]() Author: Kate Quinn Published: 2026-01-06T00:00:00Z Content type: opinion Language: en Sources: [Una Kravets]() Topics: [Web platform](), [Google](), [Responsive Design](), [ui]() Tags: [2025](), [developer](), [google](), [google-i-o](), [keynote](), [responsive-design](), [web](), [web-platform](), [work]() ### AI overview A personal review of 2025 covering family life, travel, creative projects, reading, and career milestones. The author reflects on contributing to web platform capabilities at Google, including container queries, anchor positioning, and customizable select menus, and outlines an intention to improve the web experience in 2026. ### Source excerpt 2025 in review. ## Get back to school! Supercharge your learning with MDN and Scrimba DevFeed: [Get back to school! Supercharge your learning with MDN and Scrimba]() Original publisher: [Read original article]() Author: hermina-condei Published: 2024-09-12T00:00:00Z Content type: news Language: en Sources: [MDN Blog]() Topics: [Learning](), [Front end](), [Web Development](), [CSS](), [HTML](), [JavaScript](), [Accessibility](), [React](), [Responsive Design](), [Git](), [GitHub](), [Netlify]() Tags: [accessibility](), [apis](), [courses](), [deployment](), [development](), [git](), [github](), [html](), [javascript](), [learning](), [netlify](), [react](), [responsive-design](), [web-development]() ### AI overview MDN announces a 30% discount on Scrimba's Frontend Developer Career Path for one month. The program covers HTML, CSS, JavaScript, APIs, accessibility, responsive design, React, Git, GitHub, Netlify deployment, user interface design, and career guidance, with interactive lessons and a live IDE. ### Source excerpt For many of us, the holidays are over, and the time has come to focus. Now is an ideal time to dive into learning web development, and you're in luck -- MDN and Scrimba are offering a 30% discount on select courses for the next month! ## How to Override width and height HTML attributes with CSS DevFeed: [How to Override width and height HTML attributes with CSS]() Original publisher: [Read original article]() Author: David Walsh Published: 2024-02-05T11:28:01Z Content type: tutorial Language: en Sources: [David Walsh]() Topics: [CSS](), [HTML](), [Responsive Design](), [html elements](), [Web Development]() Tags: [css](), [css-html5](), [how-to](), [html](), [html5](), [image](), [responsive-design]() ### AI overview This tutorial explains how CSS can override HTML width and height attributes for images. It discusses preserving image dimensions for layout performance while using responsive styling to avoid distorted images. ### Source excerpt One of the HTML elements that frequently comes into collision with CSS is the img element. As we learned in Request Metrics' Fixing Cumulative Layout Shift Problems on DavidWalshBlog article, providing image dimensions within the image tag will help to improve your website's score. But in a world where responsive design is king, we need [...] The post How to Override width and height HTML attributes with CSS appeared first on David Walsh Blog. ## How to create Responsive Layouts in Jetpack Compose DevFeed: [How to create Responsive Layouts in Jetpack Compose]() Original publisher: [Read original article]() Author: Alex Styl Published: 2023-05-20T00:00:00Z Content type: tutorial Language: en Sources: [Composables - Concise, no-fluff video tutorials for Android developers]() Topics: [Jetpack Compose](), [Responsive Design](), [Large Screen](), [ui](), [Mobile]() Tags: [how-to](), [jetpack-compose](), [mobile](), [responsive-design](), [ui]() ### AI overview A practical guide to responsive design in Jetpack Compose. It explains how to adapt interfaces across screen sizes and form factors, including choosing layouts, preserving icon and touch-target sizes, resizing visual content, and implementing list/detail panels with available-space information. ### Source excerpt Building layouts for screens big and small ## Laravel Nova 4.0 Now Available! DevFeed: [Laravel Nova 4.0 Now Available!]() Original publisher: [Read original article]() Author: Taylor Otwell Published: 2022-04-07T15:34:00Z Content type: release Language: en Sources: [Laravel Blog]() Topics: [Nova](), [Laravel](), [Release notes](), [Dark Mode](), [Responsive Design](), [CSV]() Tags: [dark-mode](), [laravel](), [nova](), [release](), [release-notes](), [responsive-design]() ### AI overview Laravel Nova 4.0 is presented as the largest Nova update since its initial release in 2018. The release adds a fresh responsive design, dark mode, filterable and dependent fields, batchable actions, CSV export, and other features. ### Source excerpt This week we are thrilled to launch Nova 4.0 - the largest update to Laravel Nova since its initial release in 2018. David, Mior, and the rest of the Nova team have been hard at work to make this the... ## Beyond Mobile First DevFeed: [Beyond Mobile First]() Original publisher: [Read original article]() Author: Ryan O'Neill Published: 2021-11-04T09:00:00Z Content type: article Language: en Sources: [Square Corner Blog RSS Feed]() Topics: [Web](), [web applications](), [Design system](), [Meteor](), [Library](), [ui](), [Mobile](), [Responsive Design](), [Open Source]() Tags: [design-system](), [e-commerce](), [engineering](), [library](), [open-source](), [responsive-design](), [ui](), [vue-js](), [web](), [web-applications]() ### AI overview Square Online describes how it extends mobile-first web design with app-like experiences across mobile and desktop. The article focuses on touch-friendly interactions, larger tap targets, modal-based UI consistency, and the open source Maker component library for Vue.js. ### Source excerpt Bringing app-like experiences to the web ## Text resizing in iOS and Android DevFeed: [Text resizing in iOS and Android]() Original publisher: [Read original article]() Author: Lucia Cerchie Published: 2021-01-28T00:00:00Z Content type: article Language: en Sources: [The A11Y Project]() Topics: [Accessibility](), [Android](), [iOS](), [App](), [Responsive Design](), [CSS](), [HTML](), [Material Design]() Tags: [accessibility](), [android](), [app](), [css](), [emulator](), [html](), [ios](), [mobile](), [responsive-design](), [zoom]() ### AI overview This article explains how to support text resizing and zooming for accessibility in iOS and Android apps. It covers iOS Dynamic Type, Android scale-independent pixels, minimum body-text sizes, scrollable containers, and responsive HTML using relative units. ### Source excerpt When you're designing for mobile, it's important to remember that some people will need to change the size of the content to read it easily. There are so many ways to view content on mobile devices, from zooming in to orienting the screen differently, so a failure to design in a dynamic environment can lead to accessibility issues. There are different ways you can attend to this, whether you're writing an app for iOS or Android. Considerations for iOS In iOS, users can use Full Screen Zoom or Window Zoom to magnify parts of the screen. To allow them to resize the type, use dynamic type, which enables your app's type to be resized. If you manually limit how large your text scales it may cause issues for people who need a bigger font. You want the text to scale dynamically instead of stopping at the point you set, because that size may still not be visible to all people. Minimum font-size for body text should be 17pt. Considerations for Android You can use a tool called the Android Emulator to preview how your app works in the context of different android devices. This can help you stay aware of how people who use different types of androids experience your app. Again, users can only zoom in on specified areas, so you'll need to use scale-independent pixels to determine the size of your text. There isn't a tool like Dynamic Type in Android, so you'll need to scale the text at different sizes yourself. Material design has a resource that makes a good starting point. Minimum font-size for body text should be 16sp: android: textSize=16sp You'll also want to remember to make your content container scrollable. If it's not, you'll just cut off the extra content when a person zooms in. Also consider that apps may contain HTML views. There are a couple things to keep in mind here for accessibility as well. HTML In your HTML, make sure to use relative units for responsive design. Here's a resource from The CSS Layout Workshop for applying them to your HTML via CSS. If you don' ## Designing accessible animation DevFeed: [Designing accessible animation]() Original publisher: [Read original article]() Author: Kelly Gillit Published: 2020-12-22T00:00:00Z Content type: article Language: en Sources: [The A11Y Project]() Topics: [Accessibility](), [web animation](), [Responsive Design](), [User interface design]() Tags: [accessibility](), [animation](), [developers](), [digital-products](), [motion-design](), [responsive-design]() ### AI overview This article explains how to design accessible animation for digital products. It discusses motion-related risks, responsive animation, limiting duration and repetition, and giving users controls to pause, stop, or hide animations. ### Source excerpt Animation is used in digital products in many ways, such as drawing a user's focus to a particular area on the screen, providing another layer to a brand's style with unique and ownable motion design, and adding a spark of unexpected fun to an otherwise robotic interaction. But designing animation that surprises and delights accessibly is trickier than it sounds. Dizziness, nausea, disorientation, migraines, and even seizures can all be caused by well-executed yet inaccessible motion design. Because of this, it is critical to design your animation with both aesthetics and accessibility in mind. Consider parallaxing--large-scale animation where the foreground and background slide past each other at different speeds--and primary navigation based on horizontal scrolling. These effects, especially when dramatic, can trigger the symptoms mentioned earlier. Animations inherently carry a lot of visual and cognitive weight, so always take into account how the user will be viewing it. Desktop screens are interacted with at a greater distance than handheld devices, therefore any animation should be responsive to avoid overwhelming or distracting users from anything essential. Users with cognitive and learning disabilities may especially appreciate this. Next, rein in the animations. Endlessly looping animations at any size can be more disorienting than delightful. Specifying the number of cycles it will play, limiting the duration that it plays, or having the animation paused by default will ensure its accessibility. Another way to handle this is by designing controllers that allow the user to pause, stop, or hide the animation altogether. While it's essential that accessible animation starts at the design level, there are additional ways developers can implement these tips behind the scenes. We've included some links to help show you how. ## Behind the feature: the making of the new Auto Layout DevFeed: [Behind the feature: the making of the new Auto Layout]() Original publisher: [Read original article]() Author: Willy Wu Published: 2020-11-19T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [User interface design](), [Usability](), [Responsive Design](), [Web]() Tags: [design](), [design-systems](), [feature](), [figma](), [responsive-design](), [usability](), [web]() ### AI overview Figma's article describes the release and evolution of its refreshed Auto Layout feature. It explains how the team balanced greater flexibility with usability and how automatic layout helps designers create responsive interfaces and design systems with less manual resizing. ### Source excerpt We're excited to release the latest version of Auto Layout, introducing a new look and more flexibility to layouts in Figma. Here, we share a look into the evolution of the feature, how we made tradeoffs between flexibility and usability, and what it took to bring our stretch goals to life. ## Introducing Tailwind Play DevFeed: [Introducing Tailwind Play]() Original publisher: [Read original article]() Published: 2020-10-07T13:00:00Z Content type: article Language: en Sources: [Tailwind CSS Blog]() Topics: [Tailwind CSS](), [browser](), [build performance](), [code-completion](), [PostCSS](), [Responsive Design](), [real-time]() Tags: [browser](), [build](), [chrome](), [code-completion](), [playground](), [real-time](), [responsive-design](), [tailwind]() ### AI overview Tailwind Play is an online playground that brings Tailwind CSS build-time features into the browser. It supports theme customization, variants, custom directives, plugins, code completion, linting, responsive design mode, real-time previews, and one-click sharing. ### Source excerpt Tailwind Play is an advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser. ## The Future of Responsive Design DevFeed: [The Future of Responsive Design]() Original publisher: [Read original article]() Published: 2019-01-08T00:00:00Z Content type: opinion Language: en Sources: [Una Kravets]() Topics: [Responsive Design](), [Web]() Tags: [context](), [design](), [experience](), [responsive-design](), [web]() ### AI overview The article argues that responsive design should be understood in terms of how web technologies respond to a user's context, needs, and experience. ### Source excerpt With expanding web technoligies, we can now interpret responsive design as the way it affects a user's context, and how we can be the most responsive to the user's needs and experience. ## Responsive Components: a Solution to the Container Queries Problem DevFeed: [Responsive Components: a Solution to the Container Queries Problem]() Original publisher: [Read original article]() Published: 2018-02-27T08:12:12Z Content type: article Language: en Sources: [Philip Walton]() Topics: [Responsive Design](), [CSS](), [Web APIs](), [Document Object Model (DOM)](), [web design]() Tags: [components](), [css](), [demo](), [developer](), [responsive-design](), [web-apis](), [web-developers]() ### AI overview This article explains how to build responsive components that adapt to their containing environment without waiting for CSS container queries. It proposes using currently available web APIs as a progressive enhancement, with generic base styles and environment-specific overrides that continue to work when JavaScript or newer browser features are unavailable. ### Source excerpt Container queries is a proposal that would allow web developers to style DOM elements based on the size of a containing element rather than the size of the browser viewport. If you're a web developer, you've probably heard about container queries before. For about as long as we've had responsive web design, we've had developers asking for them (initially element queries, then changing to container queries). ## Firebase Crash Reporting Full Release DevFeed: [Firebase Crash Reporting Full Release]() Original publisher: [Read original article]() Author: Doug Stevenson Published: 2016-12-08T00:00:00Z Content type: release Language: en Sources: [Firebase Blog]() Topics: [Firebase](), [Android](), [iOS](), [Latency](), [Mobile](), [dashboards](), [Responsive Design](), [SDKs]() Tags: [analytics](), [android](), [crash](), [crash-reporting](), [developers](), [firebase](), [ios](), [latency](), [launch](), [mobile](), [release](), [reporting](), [responsive-design](), [sdk](), [updates]() ### AI overview Firebase Crash Reporting has reached full release with features for diagnosing and responding to crashes in iOS and Android applications. Updates include issue-cluster resolution and regression reopening, reporting latency reduced from about twenty minutes to less than a minute, email alerts, Analytics events in crash logs, a mobile-friendly console, improved Android compatibility, and Swift 2 and 3 symbol support. ### Source excerpt News, tutorials, and updates from the Firebase team. ## Rethinking Responsive Design DevFeed: [Rethinking Responsive Design]() Original publisher: [Read original article]() Published: 2016-11-06T00:00:00Z Content type: article Language: en Sources: [Una Kravets]() Topics: [Responsive Design](), [Web](), [immersive web](), [Virtual reality]() Tags: [3d](), [design](), [responsive-design](), [virtual-reality](), [web]() ### AI overview The article argues that responsive design should be reconsidered as the web expands beyond screens. It discusses virtual reality, WebVR, and augmented reality as emerging mediums for communication, storytelling, and presenting information. ### Source excerpt From Google's physical web project to the emergence of more affordable virtual reality and augmented reality systems, it's time to take a serious look at how the web is changing, and the exciting possibilities for its application outside of screens. ## Meet Selene: an open-source mutative app and the next phase for Project Phoebe - touchlab DevFeed: [Meet Selene: an open-source mutative app and the next phase for Project Phoebe - touchlab]() Original publisher: [Read original article]() Published: 2016-03-17T18:54:58Z Content type: opinion Language: en Sources: [Touchlab | Enterprise Mobile Innovation & Development]() Topics: [interfaces](), [ui](), [Open Source](), [App](), [Responsive Design]() Tags: [beta](), [design](), [droidcon](), [featured](), [interfaces](), [open-source](), [open-source-code](), [responsive-design](), [ui]() ### AI overview The article introduces Selene, an open-source sample app created to demonstrate early concepts of mutative design. Selene currently includes a contrast mutation that responds to changing light conditions and a helper mutation that guides users who need assistance creating a new note. ### Source excerpt To coincide with my session at Droidcon San Francisco, I'm excited to reveal Selene, a sample app to demonstrate some early concepts of mutative design. [Next page]()