freeCodeCamp·3yWeb Animation Techniques – CSS vs JavaScript
Web animations using CSS and JavaScript play a vital role in enhancing user experience on web pages. CSS animations are easy to use, perform well, and are responsive. JavaScript animations offer more flexibility and interactivity, making them suitable for complex animations and data-driven content. A combination of both CSS and JavaScript animations can provide the best of both worlds.
UX Planet·3y5 Trendy New UX/UI Tools in October
The article introduces 5 trendy new UX/UI tools in October, including an AI-powered portfolio tool, HTML to Framer tool, Dall-e 3 tool, Figr for Figma tool, and Modyfi image editor. These tools offer features such as easy portfolio creation, website design and prototyping, accurate image generation, and advanced design resources.
asayer·3yOptimize Vue with Web Workers
Learn how to optimize Vue.js applications with Web Workers, a modern web technology that allows JavaScript to run in the background. Web Workers provide non-blocking operations, optimal CPU utilization, and scalability for web applications. By offloading intensive computations to a separate thread, Vue.js applications can achieve enhanced performance, improved user experience, and asynchronous operations. However, Web Workers have limitations such as lack of access to the DOM and limited access to certain Web APIs.
UX Planet·3yCreate your own Design system: Chapter Color tokens
Color tokens are used in design systems to represent colors in a concise and manageable way. They help ensure consistency, reusability, and easy maintenance of colors in design systems. To set color tokens effectively, you need to define a color palette, assign meaningful names, organize variants, document the tokens, consider accessibility, test and gather feedback, implement version control, integrate with design tools, promote collaboration and communication, and regularly update and maintain the tokens.
Bootcamp·3y4 Free Courses For UI/UX Designers To Learn From
Discover four free courses for UI/UX designers to learn from, including an introductory course on icons, a practical guide to design systems, an interactive learning community, and a curated platform with foundational and advanced insights for UX design.
Codrops·3yAnimating Multi-Page Navigations with Browser View Transitions and Astro
Learn how to implement smooth transitions between pages in Astro using View Transitions. View Transitions make navigation seamless and effortless, reducing compatibility, performance, and accessibility issues. Find out about the performance impact, browser support, and design considerations for View Transitions.
UX Planet·3yStoicism and UX Design: the best mind-hack to change your work
Stoicism can be a practical tool in UX design, helping with communication, project work, analyzing user experience, teamwork, responding to feedback, accepting successes and failures, coping with stress, and finding harmony with oneself.
LambdaTest·3yHow To Perform Visual Regression Testing With Selenium And Smart UI
Visual regression testing is a method to verify that the changes made to the User Interface (UI) of the application are correct. It helps uncover visual bugs and ensure a better UI and UX. The testing is performed by comparing screenshots of the UI before and after the changes. Visual regression testing is important as it helps improve user retention and trust, identifies cross-platform issues, and guides users towards actions on the application.
Bootcamp·3yCase study: Designing an experience for a sports booking app
Kumar Aditya Pani talks about the process of designing an app that helps users find players to play football with Objective: Design a hypothetical product. The design challenge offers the opportunity to demonstrate your craft and creativity but also your ability to communicate effectively in a thorough yet succinct manner.
asayer·3yPrototypes, Mockups, Wireframes: what's the difference?
This article explains the differences between prototypes, mockups, and wireframes in the design process. It emphasizes the importance of understanding these differences for clear communication, efficient workflow, stakeholder expectations, user-centric design, and resource allocation. The article also provides information on the purpose, types, and characteristics of wireframes, as well as tools and methods for wireframe creation. It then explores the key features and distinctions of mockups, and their role in design iteration and client presentations. Additionally, the article highlights the unique attributes, roles, and benefits of prototypes in the design process, including usability testing and user validation. It discusses the design workflow from wireframes to mockups and interactive prototypes, and the integration of user feedback to refine designs. The conclusion emphasizes the importance of clear communication and understanding in the design process, as well as truly understanding the user experience.
UX Planet·3yHow AI Is Transforming UX Writing (and What to Do About It)
AI is transforming UX writing by assisting with tasks such as user research and data collection, generating content alternatives, and keeping content style consistent. UX writers should hone their strategic thinking, research capabilities, and communication skills in response to the rise of AI. AI tools can also help shorten the time it takes to ship products.
asayer·3yExploring the Impact of Color Psychology on User Experience
Color psychology explores how colors can influence our feelings and actions in user experience (UX) web design. It shows the significant connection between color psychology and frontend development, enabling designers to create visually appealing and user-friendly interfaces. Understanding color psychology allows designers to generate specific emotions in users and balance colors for optimal user engagement. Additionally, designers prioritize color accessibility and inclusivity to ensure that everyone can use products and services. Harmonious color palettes are crucial in creating aesthetically pleasing and emotionally engaging designs.
UX Planet·3yData Visualisation for UX/UI Design
Data visualisation is the use of common graphics to present complex data to the user. It is important to eliminate frustration and barriers for the user while providing them with the tools they need. Different forms of data visualisations include bar charts, bullet charts, line graphs, histograms, box plots, maps, and pie charts. When incorporating data visualisations, simplicity, effective use of colours, and choosing the right visualisation for the data are important considerations. It is also beneficial to research and draw inspiration from other industries.
Hacker Noon·3ySoftware Developers, Why Haven't You Started Technical Writing Yet?
Technical writing is a writing discipline that involves communicating complex information to those who need it to carry out a certain task or achieve a certain goal. The top two online resources people use to learn to code are technical documentation and Stack Overflow, with blogs rounding out the top three.