Community Picks·3yFrontend 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.
asayer·3yUX: 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.
JavaScript in Plain English·3yMust 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.
asayer·3yReact'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.
UX Planet·3yLaws 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.
Medium·3yHTML 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.
DZone·3yFuture 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.
Community Picks·3yBringing 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.
freeCodeCamp·3yWhat 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.
Medium·3yAdopting 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.
Android Developers·3yIntroducing 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.