Best of UX — September 2023
- 1
- 2
UX Planet·3y
Typography Trends in Web Design 2023
The importance of typography in web design keeps waxing and waning every few years. In 2023, the web typography world has enjoyed an explosion of creativity. Richer typefaces, 3D styles, bold fonts, and various other interesting typography trends have taken over the world of web design.
- 3
- 4
- 5
Mobile-First Design Guide 2023
Mobile-first is a design approach in which we start the product design process from the mobile end. In 2012, 10.88% of all global web traffic came through mobile phones. In 2023, that figure was a whopping 56.86%! Mobile searches have accounted for over 50% ofall searches on Google for the past four years.
- 6
Mobile UI Trends 2024 That Will Set You Apart
Mobile UI Trends 2024 That Will Set You Apart are poised to revolutionize your approach and elevate your startup's success. The Metaverse integration is the latest buzzword in tech, and integrating metaverse into your mobile UI can set you apart. In 2024, secure and tamper-proof data transactions within mobile apps are a must.
- 7
Create your own Design system: Chapter Colors
Color theory is the study of how colors interact, combine, and evoke certain emotions or responses. The color wheel is a circular arrangement of colors that helps us understand their relationships. A well-defined color palette in a design system ensures consistency, accessibility, and cohesiveness across various elements of a design.
- 8
DZone·3y
Why Web Developers Still Reign Supreme
Why Web Developers Still Reign Supreme - DZone The Power of AI is a buzzword nowadays. We will explore the benefits of incorporating AI in web development, the popular AI technologies used by web developers, and how AI enhances the user experience on websites. Join the DZone community and get the full member experience.
- 9
First step to becoming a self-taught UX/UI designer.
First step to becoming a self-taught UX/UI designer is getting familiar with the basics of UI and UX design. Learn typography basics like serif vs. sans serif fonts, font pairings, line height, letter spacing, etc. Take note of how colors make you feel on websites and apps you visit.
- 10
Hacker Noon·3y
Effective Use Of Middleware In Express.js: Practical Approaches
Middleware acts as a bridge between the incoming client requests and the outgoing server responses. It's like a helpful intermediary that steps in to process, modify, or augment requests as they move through your application. Middleware in Express.js helps streamline your application flow, enhancing its performance, security, and functionality.
- 11
10 Figma Plugins You Probably didn’t know about
Figma is becoming a more and more powerful UX designer tool with every update. In addition, the Figma community continues to create a lot of useful plugins to make our work easier. In this publication, you will find a few plugins you may not have known about.
- 12
LambdaTest·3y
Mastering Cypress Viewport: Testing Your Responsive Designs
Mastering Cypress Viewport: Testing Your Responsive Designs | LambdaTest Mastering Cypresses Viewport. The viewport directly impacts the user experience. By testing the viewport, you can ensure that the content is displayed optimally within the visible area, avoiding cut-off text, overlapping elements or the need for excessive scrolling.
- 13
Whatever happened to Nokia’s Pure UI?
The design team at Nokia unveiled a new UI design system in March 2023, likely designed for Nokia’s B2B / enterprise software interfaces across multiple devices and screen sizes. The company hasn’t released any official statement on what happened, but the Nokia Pure page went behind a ‘Coming soon’ screen.
- 14
asayer·3y
Cross-Browser Compatibility: Tips and Techniques
Cross-browser compatibility makes it possible for websites to run on any browser. It helps to manage the time and expenses used in browser-specific coding and testing. Gecko, Blink, and Trident are four of the most widely used rendering engines. For example, Chrome has gained market share over the past few years.
- 15
10 Essential Mobile App UI Design Principles for Building Outstanding Apps
Good mobile app UI design is crucial for user satisfaction and success. This article discusses 10 essential principles of mobile app UI design, including simplicity and clarity, visual hierarchy, responsive design, consistent branding, user-friendly forms, intuitive navigation, accessibility and inclusivity, feedback and response, streamlined onboarding, and user testing and iteration.
- 16
- 17
How <Suspense /> and Components Streaming works in Next.js
Next.js' component streaming and chunked transfer encoding is a popular tool for web development. Next.js is designed to optimize content delivery, ensure minimal wait times, and offer immediate page responsiveness. For more information on Next.JS, click here.
- 18
How to Become a UI/UX Designer in 2023?
Arpit Chandak is a self-taught UI/UX Designer, currently working from home in India for a London-based company. He has created a blog to answer potential questions someone new to the industry might have. The three-step method to kickstart your journey should get you job-ready in a month or two.
- 19
Importance of Typography in Web Design
Typography is not just design with letters or arranging typefaces and fonts in unique ways. It is a practice that syndicates art, skill, and craftsmanship to make all copy clear, readable, legible, and scannable for users. Good typography needs three things: Art in the aesthetic aspect - Skill in producing effective communication.
- 20
freeCodeCamp·3y
How to Choose a Deployment Strategy for Your Next.js Application
This article will discuss different deployment strategies and practices for Next.js applications. We will explore each strategy's strengths, including static hosting, serverless functions, containerisation, and traditional server deployment. We will also be touching on essential practices to optimise the deployment process and enhance the performance and reliability of your Next.JS application.
- 21
No code tools — will designers replace developers?
No code tools - will designers replace developers? Figma as a no-code tool? By 2024, low-code application development will be responsible for more than 65% of application development activity. By learning this feature, you’re slowly gaining an understanding of how to think like a developer.
- 22
The Definitive Guide on How to Master Tokens in Figma 2023
The Definitive Guide on How to Master Tokens in Figma 2023 is a definitive guide on how to effectively use Tokens. In Figma, you can create and control reusable styles and components across your entire project. You can easily maintain design consistency, make global updates, and collaborate seamlessly with your team.
- 23
- 24
Must-Reads for the Genuine UX Designer
Must-Reads for the Genuine UX Designer.com.com UX design is constantly evolving. For some of the books, I’ve picked up plugins for Figma so you can practice working with grids, typography, and fonts. This book is for those who are just starting on their design journey.
- 25
Things to Consider When Picking Fonts for your Next Project – An In-Depth Guide
When Picking Fonts for your Next Project - An In- Depth Guide on the modern web, we've normalized fetching fonts from client-side, or embedding fonts in resources that are served to users. This isn't suggesting to never use external fonts, but it should be the default attitude in everything that we build.
