#ui-design

[ follow ]
fromAcko.net
1 week ago

HTML is Dead, Long Live HTML

The DOM and its APIs are outdated and overly complex, necessitating a rethinking of how web applications interact with browser environments.
fromMedium
2 months ago

How to "Break" Your Design System Rules Without Creating Chaos

Design systems facilitate efficient collaboration through shared language, components, and guidelines while allowing flexibility to enhance creativity.
fromMedium
3 weeks ago

Why 10 Seconds Matter in UI/UX Design

Small improvements can make a big difference in design without needing a complete overhaul.
#apple
Apple
fromMedium
2 months ago

Why Liquid Glass works for VisionPro but might not work for iOS

Apple's Liquid Glass interface offers a transformative UI experience across devices, emphasizing fluidity and user interaction.
Apple
fromCreative Bloq
2 months ago

Apple's new Finder icon is an abomination

Apple has controversially updated the Finder icon in macOS Tahoe, changing its iconic colors and applying a new texture, provoking backlash from users.
Apple
fromTechCrunch
2 months ago

Love it or hate it? Apple's new 'Liquid Glass' design is getting mixed reviews | TechCrunch

Apple's new UI, Liquid Glass, is facing early criticism for its readability issues despite being in beta.
Apple
fromMedium
2 months ago

Why Liquid Glass works for VisionPro but might not work for iOS

Apple's Liquid Glass interface offers a transformative UI experience across devices, emphasizing fluidity and user interaction.
more#apple
fromjQuery Script
3 weeks ago

Stackable Offcanvas Panel Plugin for Bootstrap 5 - jQuery bs-layer

bs-layer is a jQuery and Bootstrap 5 plugin for creating animated offcanvas sidebar drawer panels.
#user-experience
UX design
fromMedium
1 month ago

Empty State Design: A Practical Guide

Well-designed empty states enhance usability, brand personality, and emotional connections with users.
Empty states help users understand their context in the app and guide their next actions.
UX design
fromMedium
3 months ago

UI is Communication: A Communication-First Approach to UI Design

A user-centric interface prioritizes communication over technical complexity.
UI is equivalent to interpersonal communication, aimed at achieving user goals.
Effective UI design should focus on clarity, purpose, and conciseness.
UX design
fromMedium
3 months ago

UI is Communication: A Communication-First Approach to UI Design

A user-centric interface prioritizes communication over technical complexity.
UI is equivalent to interpersonal communication, aimed at achieving user goals.
Effective UI design should focus on clarity, purpose, and conciseness.
more#user-experience
#digital-design
fromMedium
2 months ago
Graphic design

The Designer's Mindset: 10 Principles I Wish I'd Known Earlier in My Career

fromMedium
2 months ago
Graphic design

The Designer's Mindset: 10 Principles I Wish I'd Known Earlier in My Career

more#digital-design
#web-development
more#web-development
fromMedium
1 month ago

14 logic-driven UI design tips to improve any interface

The amount of spacing between interface elements should depend on how closely related the elements are. More closely related elements should generally be closer together to show that they're related.
UX design
fromZDNET
1 month ago

This $611 Android competes with my Pixel 9 Pro (and does a few things better)

The Redmagic 10 Air excels in smooth animations, gaming performance, and overall design, making it appealing for users seeking power and elegance.
#figma
UX design
fromMedium
3 months ago

Figma's new grid-you must understand CSS Grid as a designer

Mastering Figma's new Grid requires knowledge of CSS Grid for effective design and collaboration.
more#figma
#user-interface
more#user-interface
E-Commerce
fromMedium
1 month ago

RAAEE: The ultimate tracking framework for your product features

The RAAEE framework provides a deep understanding of UI feature performance, focusing on how, who, and what value is delivered.
fromCSS-Tricks
1 month ago

KelpUI | CSS-Tricks

KelpUI is being designed to leverage modern CSS features and Web Components, while emphasizing utility, customizability, and simplicity in naming and specificity.
UX design
#glassmorphism
more#glassmorphism
#tailwind-css
more#tailwind-css
Apple
fromMedium
2 months ago

Why Liquid Glass works for VisionPro but might not work for iOS

Apple's Liquid Glass UI design emphasizes a fluid and reactive interface that adapts with human movement.
fromGSMArena.com
1 month ago

Weekly poll: iOS 26 and Liquid Glass, love them or hate them?

The introduction of the Liquid Glass UI in iOS 26 represents a significant shift toward a unified design across all of Apple's platforms, sparking mixed reactions from users.
Apple
Mobile UX
fromSmashing Magazine
2 months ago

Creating The "Moving Highlight" Navigation Bar With JavaScript And CSS - Smashing Magazine

The article demonstrates two methods for creating a moving-highlight navigation pattern using plain JavaScript and CSS.
fromMedium
2 months ago

How To Build a Tailwind-Ready Color System in Figma (That Developers Love!)

Create a cohesive color system that incorporates existing colors while expanding scales for flexibility.
fromHackernoon
3 months ago

How We Cut Chat UI Frame Time by 8% with One Jetpack Compose Optimization | HackerNoon

Smooth scrolling and effective content positioning are essential for optimal user experience in chat applications.
fromdesignerup.co
2 months ago

I Asked Google to Design Me an App UI and It Did Google Stitch First Look

The design tool quickly generated a functional UI proposal that was visually appealing and aligned with my request for soft colors and calming elements.
UX design
fromDEV Community
2 months ago

HTML5 Elements You Didn't Know You Need

HTML5 offers native elements that can simplify development tasks typically handled by JavaScript libraries.
Developers often overlook elegant HTML5 solutions for common UI components.
UX design
fromMedium
2 months ago

I Asked Google to Design Me an App UI and It Did-Google Stitch First Look

Google's Stitch tool generates UI designs quickly but may lack customization and interactivity.
Initial impressions of generated designs can be mixed, especially from experienced designers.
#frontend-development
more#frontend-development
#html
more#html
fromSearch Engine Roundtable
2 months ago

Bing Double Border Search Box

Microsoft is testing a new double border style around the Bing Search box, which adds a unique visual element while keeping the auto-complete box unchanged.
UX design
UX design
fromThe Verge
2 months ago

Google made an AI coding tool specifically for UI design

Google's Stitch tool simplifies UI design for developers.
It generates designs from text prompts and reference images.
Stitch allows for multiple design variants and functional code creation.
Integration with Figma enhances design refinement capabilities.
UX design
fromFrontendmasters
3 months ago

Container Query for "is there enough space outside this element?"

Using viewport units within container queries enables flexible UI layouts, allowing elements to dynamically check available space for pagination arrows.
#netflix
Mobile UX
fromZDNET
3 months ago

Your Netflix home screen is about to look much different - here's a sneak peek

Netflix is rolling out a redesigned homepage aimed at simplifying content discovery with cleaner navigation and smarter recommendations.
fromThe Verge
3 months ago
Mobile UX

Netflix is getting a big TV revamp

Netflix is rolling out a global UI redesign for its TV app aimed at improving user experience.
Mobile UX
fromZDNET
3 months ago

Your Netflix home screen is about to look much different - here's a sneak peek

Netflix is rolling out a redesigned homepage aimed at simplifying content discovery with cleaner navigation and smarter recommendations.
more#netflix
fromHackernoon
2 years ago

Web Components: Build UI Kits for all UI Frameworks | HackerNoon

Imagine you're building a house... You have walls, windows, and doors - each built separately, but designed to fit perfectly together. This is similar to how modern Frontend-Development works.
Web frameworks
#snapchat
more#snapchat
UX design
fromMedium
3 months ago

Ignoring Character Limits Can Wreck Your Product's UX

Effective UI text must adhere to character limits to prevent layout issues and ensure user experience across languages.
fromMedium
3 months ago

Letting go of ego

Ego can subtly infiltrate the creative process and derail the mission of designing for real people.
UX design
fromMedium
3 months ago

On Apple's calculator apps

Balance in UI design is essential.
Steve Jobs emphasized fine details in design iterations.
Skeuomorphic design and abstraction exist on a spectrum.
fromMedium
3 months ago

How to be strategic when picking a typeface

Understanding font metrics like x-height can greatly enhance text legibility on digital devices.
fromMedium
3 months ago

Top 5 AI Tools for UI Design

AI is reshaping UI design workflows, enhancing efficiency from concept to prototype through innovative tools that automate and streamline the design process.
Artificial intelligence
fromMedium
3 months ago

Design tokens for non-designers

Design tokens represent a fundamental shift in how we manage design decisions in modern software development. They serve as the smallest building blocks of visual design.
UX design
fromMedium
3 months ago

On Apple's calculator apps

Skeuomorphic design should focus on balance and effective use of color and proportion.
#chatgpt
more#chatgpt
Mobile UX
fromLogRocket Blog
3 months ago

Skeleton loading screen design - How to improve perceived performance - LogRocket Blog

Skeleton loading screens enhance perceived performance by showing a layout preview, engaging users even when content is still loading.
Mobile UX
fromGSMArena.com
3 months ago

Here's our first look at Samsung's One UI 8 based on Android 16

Samsung's One UI 8, based on Android 16, shows minor design tweaks and should release more quickly than One UI 7.
Internal testing of One UI 8 reveals limited design changes, primarily focusing on app updates rather than a complete redesign.
fromMedium
3 months ago

UI is Communication: A Communication-First Approach to UI Design

Design should prioritize user engagement by treating the UI as a conversation. Effective communication enhances usability and ensures users achieve their goals without superfluous information.
UX design
[ Load more ]