DEV·2yCSS Grid vs. Flexbox: Choosing the Right Layout Technique
CSS Grid and Flexbox are two layout techniques with different strengths and use cases. CSS Grid offers precise control over rows and columns, making it ideal for complex layouts. Flexbox excels in one-dimensional layouts, providing flexibility in content distribution. Both techniques can be used together for the most effective results.
Hacker News·2yWindows XP 2024 Edition is everything I want from a new OS
Windows XP 2024 Edition is a concept of a revived Windows XP that is familiar yet new, with a simple UI and no unwanted features. The article also mentions the issues with Windows 11 and the nostalgia factor of older Windows versions.
Community Picks·2y2024 Web Design Trends
The web design trends for 2024 include bold and vibrant colors, asymmetrical layouts, 3D elements, super massive text, custom illustrations, micro animations, real life with digital overlays, responsive design 2.0, AI generated artwork, and the rise of no code platforms.
Medium·2yDesign better pagination
This post covers pagination UI best practices, including navigation, numbered representation, truncating page navigation, first and last buttons, subtle styling, showing the count, amount per page, go to page input field, pagination page placement, data table bulk selection considerations, pagination vs infinite scroll, and when to use numbered navigation.
asayer·2yResponsive Design on Steroids: CSS Container Queries
Container queries revolutionize responsive web design by allowing breakpoints to be determined by the space available to individual elements, rather than the entire browser screen’s viewpoint. They offer advantages such as targeted element-based queries, scoped style, component-based design, and variable-based responsive design. Container queries work by applying CSS containment and using container query syntax. They introduce container query units for sizing based on the container's width and height. Container queries have full support in modern browsers for querying a parent's inline size and container query unit values, but partial support for styling custom property values and allowing inheritance of these values.
Hacker News·2ypopcar2/GodotOS: An Operating System Interface made in Godot!
GodotOS is an operating system interface created in Godot, offering a minimalist and aesthetically pleasing desktop experience. It also serves as a hub for small games and experiences, allowing users to easily add their own games to the start menu.
UX Planet·2y7 Apps & Websites I use every day as a UX/UI designer
Discover seven apps and websites that UX/UI designers can use to enhance their work beyond Figma. Explore Mobbin for design inspiration, Lyssna and Maze for user research, Typeform for gathering data, and Fonts In Use, DesignStripe, and PaletteMaker for visuals and UI.
Medium·2yThe Dos and Don’ts of Mobile UX/UI Design
Designing exceptional mobile user experience and intuitive user interface is crucial for success. Prioritize user-centric design, responsive design, intuitive navigation, consistency, optimize load times, thumb-friendly design, clear CTAs, visual hierarchy, feedback and confirmation, usability testing and iteration. Avoid overwhelming users with information, ignoring platform guidelines, complex forms and inputs, tiny or overcrowded touch targets, intrusive pop-ups and ads, ignoring accessibility, auto-play multimedia, unclear error handling, excessive user permissions, skipping user testing, and ignoring feedback.
Medium·2yIntroducing ‘Quick Bite’: My UX Project from Google’s Course
Introducing 'Quick Bite', a food ordering app concept focused on providing healthy meal choices quickly and easily. The app aims to address pain points such as slow service, overwhelming menu choices, lack of customization, and insufficient nutritional information. The post outlines the project phases, user research findings, personas, competitor analysis, user flow, storyboards, wireframes, prototype, and usability study.
Community Picks·2yContainer Queries and Units – Frontend Masters Boost
Container queries allow you to set styles based on a component's current size, instead of the browser window size. This provides flexibility to the layout and increases isolation. Container units are units based on the container's dimensions, and can be used to size components within the container.
LogRocket·2yA UX designer’s guide to 40 essential UI elements
This post explores 40 essential UI elements that UX designers should be familiar with in order to provide the best user experiences. It covers a wide range of elements, including accordions, badges, menus, cards, carousels, charts, checkboxes, comments, and more.
