Best of UI Design — May 2023

1. 1
   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.

   151

   6
2. 2
   Article

   Visual Studio Blog·3y

   Visual Studio UI Refresh

   The Microsoft Fluent design language provides a unified framework to create and deliver more productive, consistent, and accessible applications. The current visual language (which hasn’t been updated since Visual Studio 2012) has limitations for many customers. The new UI updates focus on three main pillars: cohesiveness, accessibility, and productivity.

   99

   7
3. 3
   Article

   Community Picks·3y

   Vivid — Call your designs from your code.

   Vivid is a tool that syncs Figma designs with code by generating and updating UI code based on the designs. It isolates design styles, allowing developers to focus on functionality and logic.

   64

   1
4. 4
   Article

   Community Picks·3y

   The Complete Guide to Becoming a Web Developer: Part 1

   The Power of Semantic HTML is the use of HTML markup to reinforce the semantics or meaning of the content. CSS allows you to set colors, fonts, layouts, and even create animations! We'll dive deeper into these topics and explore JavaScript, Bootstrap, and other tools that will allow you to create dynamic, interactive websites.

   57

   8
5. 5
   Article

   Product Hunt·3y

   CSS Pro - A re-imagined Devtools for web design

   CSS Pro - A re-imagined Devtools for web design. The best of Product Hunt, everyday Popular products in...

   57

   8
6. 6
   Article

   Apple Developer·3y

   Code new worlds

   Be among the first to learn the latest about Apple platforms, technologies, and tools. Join the developer community for an in-depth look at the future of Apple platforms. Watch on the web or in the Apple Developer app for iPhone, iPad, Mac, and Apple TV.

   50

   1
7. 7
   Article

   Community Picks·3y

   Building a modern design system in layers

   Building a modern design system in layers is a good way to evolve it well, and to make it so good that developers are happy with it even if they don’t like the rigid choices that were made. Modern CSS can do so much these days. Start building out as much of the design system as possible with HTML and CSS.

   49
8. 8
   Article

   Community Picks·3y

   CSSBattle

   CSSBattle is a multiplayer game for web designers and developers where you have to replicate target images using CSS. The shorter your code, the higher your score. No leaderboards or competition, just daily targets and global battles.

   47

   7
9. 9
   Article

   Community Picks·3y

   Introduction

   Nuxt UI is a module that provides fully styled and customizable components for Nuxt. It includes built-in support for dark mode, keyboard shortcuts, bundled icons, and comes with a Figma Kit.

   36

   5
10. 10
    Article

    Community Picks·3y

    Fluid Responsive Design

    Utopia is a way of thinking about fluid responsive design that allows for minimal and elegant design and streamlined collaboration between design and development roles. It is not a product or framework, but there are some free tools being developed to support Utopian projects.

    28

    2
11. 11
    Article

    Community Picks·3y

    Getting Started with Tailwind

    Tailwind is a utility-first CSS framework for building modern web designs. It offers many benefits, including easy creation of complex layouts, elimination of custom CSS, pre-defined utility classes, high customization, and enhanced accessibility. To set up Tailwind, you need to initialize the directory as a Node.js project, install the required packages, create a configuration file, add paths to template files, and start the server.

    20

    2