Community Picks·3y16 little UI design rules that make a big impact
Learn about 16 UI design rules and guidelines that can make a big impact on the usability and aesthetics of an interface. Explore topics such as using space to group related elements, being consistent in design, creating a clear visual hierarchy, and selecting the right typeface.
Community Picks·3yUI/UX Design Trends 2023
Discover the latest UI/UX design trends for 2023, including motion design, scrollytelling, bolder minimalism, happy colors, and aurora gradients. Explore the UX trends of cross-device experience, emotional design, personalization, and micro-interactions. Plus, find out how sustainability is being integrated into the tech industry.
Red Stapler·3yWeb Design Trends 2023
Bold Typography is being used more frequently to make a statement and grab the attention of users. 3D Transform, Filter and new CSS features are going to unlock lots of interesting web design purely on CSS. Dark mode/Dark Design is expected to be a popular trend in web design this year.
Bootcamp·2yLinkedIn, But Better
The article discusses the need for a redesign of LinkedIn due to UX frustrations, such as a lack of a 'Saved' option and limited article discoverability. The redesign aims to make the platform more accessible, less cluttered, and personalized. It introduces features like a 'Saved' option, improved networking functions, a home screen for 'Stories,' and a separate tab for articles. The design also focuses on dark mode, consistent icons and components, and a standardized notification format.
Product Hunt·3yplayCSS - Improve your CSS skills by playing daily challenges 💪
PlayCSS was hunted by Frank Eno in Design Tools and Developer Tools. PlayCSS is not rated yet. The easiest way to translate a website Support is great. "Feel free to leave some feedback about this project, it will mean a lot to me," says the makers of playCSS.
Community Picks·3yTailwind CSS: 15 Component Libraries & UI Kits
Tailwind CSS has surpassed Bulma, Semantic UI, Foundation, and other prominent CSS frameworks in just a few years. It is now the 2nd most popular framework in the world, with Bootstrap holding a sturdy number one position. With several hundred custom components, it's also one of the most complete libraries.
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.
UX Planet·3yWhat is Glassmorphism
The goal of glassmorphism design is to create an interface that looks like an assortment of glassy panels hovering in the background space. All elements in this design style have a translucent/transparent look. When these elements are placed on colorful backgrounds, the glass effect is accentuated. It can also be used to design windows or widgets.
builder.io·3yCSS: The Good Parts
CSS is like a Swiss army knife for web design. It's got the power to animate, transform, and adapt layouts with and. making it all responsive and cool. It's not just about simple styling anymore, it's about bringing your whole web game to life. Let's dive into how CSS got to where it is today.
Community Picks·3yTabler Icons: over 4650 vector icons for web design
Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful. Tabler Icons: over 4650 vector icons for web design Over 4650 pixel-perfect icons. Available packages: Free and open-source icons.
Medium·2yUX/UI Design Trends Going Into 2024
The article discusses various design trends that are expected to continue into 2024, including Bento boxes in UI design, spatial design and leaps in technology, the accessibility and personalization trends in UX design, and the rise of AI-powered design tools.
Community Picks·3yWeb UX: Study Guide
The resources here are grouped under the following topics: General Consideration on Web Usage Viewing Behaviors on the Web Eyetracking Gaze Patterns Web Interaction Design Content. This section introduces fundamental theories and key research on information-seeking behaviors on the web.
UX Planet·3y10 Principles of Good Website Design in 2024
The principles of good website design in 2024 include responsive design for mobile users, improving load time metrics, using familiar web design conventions, creating an innovative visual language, designing hierarchical content structures, aligning design and content, aligning design and SEO, ensuring frictionless conversions, testing prototypes, and staying up-to-date with the latest web design trends.
Pointer·3ynuejs/nuejs: Build user interfaces with cleaner code. Alternative to React, Vue, and Svelte
Nue JS is a small JavaScript library for building web interfaces with cleaner code. It offers a minimalist approach and easy-to-understand code, making it easier to scale. Nue supports server-side rendering and can be used for UI library development, progressive enhancement, static website generators, and single-page applications.
UX Planet·3yTypography 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.
Visual Studio Blog·3yVisual 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.
Hacker News·2yAnimotion — a visual CSS animation app
Animotion is a visual CSS animation app that allows users to create CSS animations by dragging, resizing, rotating, clipping, and more. It includes a keyframes editor, ready-to-use animations, and 29 built-in easings. The app works best on larger screens and modern web browsers.
DZone·3yBest 15 CSS Trends To Watch For
The days are long gone when a viewer’s attention is quickly captured by a simple and plain HTML website. Cascading Style Sheets, or CSS, is an ideal way to spice up your web design. According to W3Techs, as of January 2023, approximately 96.9% of websites use CSS.
