--- title: Best UX posts — May 2023 | daily.dev description: The most upvoted UX posts from May 2023, curated by the daily.dev community. canonical: https://daily.dev/tags/ux/best-of/2023/05 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/ux/best-of/2023/05 og:type: website og:site_name: daily.dev og:title: Best UX posts — May 2023 | daily.dev og:description: The most upvoted UX posts from May 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of UX — May 2023 1. 1 [](/posts/frontend-developer-roadmap-3yxhfdqd6 "Frontend Developer Roadmap") Article Community Picks · 3y Frontend Developer Roadmap Front-end development is the development of visual and interactive elements of a website that users interact with directly. It's a combination of HTML, CSS and JavaScript, where HTML provides the structure, CSS the styling and layout, and JavaScript the dynamic behaviour and interactivity. 589 72 2. 2 [](/posts/ux-best-practices-for-developers-hqayfexed "UX: best practices for developers") Article asayer · 3y UX: best practices for developers User experience (UX) is a critical component of web development that can make or break the success of a website or application. UX refers to the user’s overall experience when interacting with a website, app, or product. A well-designed UX can increase user engagement, retention, and conversions, resulting in better commercial outcomes. 150 6 3. 3 [](/posts/must-know-javascript-api-performance-api-rqhkcwp4c "Must Know JavaScript API — Performance API") Article JavaScript in Plain English · 3y Must Know JavaScript API — Performance API The Performance API is designed to help developers locate and solve performance problems and optimize page loading speed and user experience. It can be used in the following scenarios: Web Page Performance Monitoring Measure and analyze page load time, resource load performance, critical rendering path and other metrics to understand web page performance bottlenecks. 48 4. 4 [](/posts/react-s-virtual-dom-oylazzckh "React's Virtual DOM") Article asayer · 3y React's Virtual DOM React's Virtual DOM is a compact, in-memory duplicate of the real DOM that enables React to effectively track UI changes and update only the necessary components. This article focuses on how the Virtual DOM works and explains how it optimizes application performance compared to the Real DOM. 38 5. 5 [](/posts/laws-of-ux-that-airbnb-follows-z2i8timg7 "Laws of UX that Airbnb follows") Article UX Planet · 3y Laws of UX that Airbnb follows Law of UX that Airbnb follows: Hick’s Law Airbnb limits choices to aid quick decision-making. Law of Symmetry Airbnb uses symmetrical layouts and graphical elements for a visually appealing interface. The app simplifies the intricate process of navigation through the strategic utilization of visual cues, user-friendly icons and clear instructions. 29 1 6. 6 [](/posts/html-tags-uncovered-prefetch-vs-preload-jxiznqvht "HTML Tags Uncovered: Prefetch vs. Preload") Article Medium · 3y HTML Tags Uncovered: Prefetch vs. Preload Prefetch vs. Preload is a technique used to reduce the perceived load time of a web page by fetching resources in advance before they are needed. It enables browsers to download and cache external resources, such as CSS files, JavaScript files, images, or fonts, ahead of time. 20 1 7. 7 [](/posts/future-of-software-development-9ni8p9c7b "Future of Software Development") Article DZone · 3y Future of Software Development Generative AI is revolutionizing software development by augmenting various roles, automating tasks, and accelerating innovation. This cutting-edge technology is poised to augment various software roles, creating diverse perspectives and opportunities for co-innovation. Join the DZone community and get the full member experience. 20 8. 8 [](/posts/how-to-contribute-to-open-source-without-knowing-how-to-code-a-guide-with-project-suggestions-x744ykoqf "How to Contribute to Open Source without Knowing How to Code: A guide with project suggestions") Article Community Picks · 3y How to Contribute to Open Source without Knowing How to Code: A guide with project suggestions Learn about the different ways to contribute to open source projects without coding, including documentation, user experience design, translation, content creation, and community support. 19 2 9. 9 [](/posts/bringing-the-power-of-ai-to-windows-11-unlocking-a-new-era-of-productivity-for-customers-and-devel-biodtggpd "Bringing the power of AI to Windows 11 – unlocking a new era of productivity for customers and developers with Windows Copilot and Dev Home") Article Community Picks · 3y Bringing the power of AI to Windows 11 – unlocking a new era of productivity for customers and developers with Windows Copilot and Dev Home Bringing the power of AI to Windows 11 - unlocking a new era of productivity for customers and developers with Windows Copilot and Dev Home. The team and I are pumped to be back at Build with the developer community this year. Over the last year, Windows has continued to see incredible growth fueled by Windows 11 adoption. 18 2 10. 10 [](/posts/what-is-the-60-30-10-rule-in-design-and-how-to-use-it-in-your-projects-idmxmkyjv "What is the 60-30-10 Rule in Design? And How to Use it in Your Projects") Article freeCodeCamp · 3y What is the 60-30-10 Rule in Design? And How to Use it in Your Projects The 60-30-10 rule is a rule that helps to guide designers on choosing and pairing colours for their designs. The primary colour is typically a neutral colour and is often used as the background of the design. The secondary colour can be used for typography, icons, and subheadings/subtitles in a design. 14 11. 11 [](/posts/adopting-the-best-practices-in-angular-development-in-2023-8sprbx1xq "Adopting the Best Practices in Angular Development in 2023") Article Medium · 3y Adopting the Best Practices in Angular Development in 2023 Adopting the Best Practices in Angular Development in 2023 is a blog post by Rahima Khanam. The goal of this blog is to list down the best practices that Angular Developers should follow to secure a high level of acceptance and success for their applications. 11 12. 12 [](/posts/introducing-the-android-ui-design-hub-6fwbxjexl "Introducing the Android UI design hub") Article Android Developers · 3y Introducing the Android UI design hub The Android UI design hub is a comprehensive resource with opinionated guidance designed to empower designers and developers like you to create stunning and user-friendly interfaces for Android apps. The hub goes into depth about what it means to design for Android, at the same time complementing and extending our Material Design open-source design system. 10 [See all UX archives](/tags/ux/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/ux/best-of/2023/05#page","url":"https://daily.dev/tags/ux/best-of/2023/05","name":"Best UX Posts — May 2023","description":"The most upvoted UX posts from May 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/ux/best-of/2023/05#items","numberOfItems":12,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/frontend-developer-roadmap-3yxhfdqd6","name":"Frontend Developer Roadmap"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/ux-best-practices-for-developers-hqayfexed","name":"UX: best practices for developers"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/must-know-javascript-api-performance-api-rqhkcwp4c","name":"Must Know JavaScript API — Performance API"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/react-s-virtual-dom-oylazzckh","name":"React's Virtual DOM"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/laws-of-ux-that-airbnb-follows-z2i8timg7","name":"Laws of UX that Airbnb follows"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/html-tags-uncovered-prefetch-vs-preload-jxiznqvht","name":"HTML Tags Uncovered: Prefetch vs. Preload"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/future-of-software-development-9ni8p9c7b","name":"Future of Software Development"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-contribute-to-open-source-without-knowing-how-to-code-a-guide-with-project-suggestions-x744ykoqf","name":"How to Contribute to Open Source without Knowing How to Code: A guide with project suggestions"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/bringing-the-power-of-ai-to-windows-11-unlocking-a-new-era-of-productivity-for-customers-and-devel-biodtggpd","name":"Bringing the power of AI to Windows 11 – unlocking a new era of productivity for customers and developers with Windows Copilot and Dev Home"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/what-is-the-60-30-10-rule-in-design-and-how-to-use-it-in-your-projects-idmxmkyjv","name":"What is the 60-30-10 Rule in Design? And How to Use it in Your Projects"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/adopting-the-best-practices-in-angular-development-in-2023-8sprbx1xq","name":"Adopting the Best Practices in Angular Development in 2023"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/introducing-the-android-ui-design-hub-6fwbxjexl","name":"Introducing the Android UI design hub"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"UX","item":"https://daily.dev/tags/ux"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/ux/best-of"},{"@type":"ListItem","position":5,"name":"May 2023"}]}]} ```