--- title: Best UI Design posts — March 2023 | daily.dev description: The most upvoted UI Design posts from March 2023, curated by the daily.dev community. canonical: https://daily.dev/tags/ui-design/best-of/2023/03 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/ui-design/best-of/2023/03 og:type: website og:site_name: daily.dev og:title: Best UI Design posts — March 2023 | daily.dev og:description: The most upvoted UI Design posts from March 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of UI Design — March 2023 1. 1 [](/posts/16-little-ui-design-rules-that-make-a-big-impact-9kvbp6poj "16 little UI design rules that make a big impact") Article Community Picks · 4y 16 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. 491 28 2. 2 [](/posts/ui-ux-design-trends-2023-yn1rrl208 "UI/UX Design Trends 2023") Article Community Picks · 4y UI/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. 379 20 3. 3 [](/posts/best-ai-tools-for-web-designers-2023--qdz89vhwb "Best AI Tools for Web Designers (2023)") Article Machine Learning News · 4y Best AI Tools for Web Designers (2023) The post explores various AI tools that can be used by web designers to enhance their workflow and create stunning designs. It highlights tools like Adobe Express, Colormind, Khroma, Vance AI, Stable Diffusion, Dall-E, Midjourney, ChatGPT Prompts, Designs AI, Zyro, Uizard, Sketch to Code, Sensei by Adobe, Fronty, Playground by TeleportHQ, Zecoda, and Artyline. 68 2 4. 4 [](/posts/web-development-trends-ilbmiksdu "Web Development Trends") Article keycdn · 4y Web Development Trends Smart developers are always looking ahead for ways to adapt to the ever-changing world of web development. Progressive web apps (PWA) are web applications that look and feel like native mobile apps but can be accessed through a web browser. Chatbots and virtual assistants are becoming more common on websites and web applications. 38 4 5. 5 [](/posts/how-to-make-a-clickable-svg-map-with-html-and-css-5aocnh3dv "How to Make a Clickable SVG Map With HTML and CSS") Article freeCodeCamp · 4y How to Make a Clickable SVG Map With HTML and CSS Learn how to make a clickable SVG map with HTML and CSS. Discover the benefits of SVG maps, add interactivity with CSS, and link areas of the map to external webpages. 29 1 6. 6 [](/posts/creating-drop-down-menus-with-css-in-2023-rxftzi63g "Creating drop-down menus with CSS in 2023") Article asayer · 4y Creating drop-down menus with CSS in 2023 Learn how to create effective and aesthetically pleasing dropdown menus with CSS in 2023\. Explore the basics, enhance menus with CSS3, and make them responsive. Discover advanced techniques like creating multilevel menus and integrating with CSS frameworks. 21 2 7. 7 [](/posts/5-trends-that-shouldn-t-appear-on-websites-in-2023-jb2utjyhk "5 Trends That Shouldn’t Appear on Websites in 2023") Article Telerik · 4y 5 Trends That Shouldn’t Appear on Websites in 2023 This post discusses five trends in web design that should not appear on websites in 2023, including the use of infinite scroll, intrusive popups, non-standard header icons, accessibility widgets, and deceptive SEO practices in footers. 13 1 8. 8 [](/posts/creating-css-masonry-style-layouts-j0rnr2bke "Creating CSS masonry-style layouts") Article LogRocket · 4y Creating CSS masonry-style layouts Learn how to create masonry-style layouts using CSS with this tutorial. Discover the origin of masonry layouts and explore different approaches to achieving them without relying on JavaScript libraries. See examples of creating masonry layouts using CSS Grid and multi-column layout. 12 9. 9 [](/posts/how-css-works-xkgm91rql "How CSS works") Article JavaScript in Plain English · 4y How CSS works Learn how CSS works, including parsing, cascading, and resolving conflicts. 10 1 [See all UI Design archives](/tags/ui-design/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/ui-design/best-of/2023/03#page","url":"https://daily.dev/tags/ui-design/best-of/2023/03","name":"Best UI Design Posts — March 2023","description":"The most upvoted UI Design posts from March 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/ui-design/best-of/2023/03#items","numberOfItems":9,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/16-little-ui-design-rules-that-make-a-big-impact-9kvbp6poj","name":"16 little UI design rules that make a big impact"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/ui-ux-design-trends-2023-yn1rrl208","name":"UI/UX Design Trends 2023"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/best-ai-tools-for-web-designers-2023--qdz89vhwb","name":"Best AI Tools for Web Designers (2023)"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/web-development-trends-ilbmiksdu","name":"Web Development Trends"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/how-to-make-a-clickable-svg-map-with-html-and-css-5aocnh3dv","name":"How to Make a Clickable SVG Map With HTML and CSS"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/creating-drop-down-menus-with-css-in-2023-rxftzi63g","name":"Creating drop-down menus with CSS in 2023"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/5-trends-that-shouldn-t-appear-on-websites-in-2023-jb2utjyhk","name":"5 Trends That Shouldn’t Appear on Websites in 2023"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/creating-css-masonry-style-layouts-j0rnr2bke","name":"Creating CSS masonry-style layouts"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-css-works-xkgm91rql","name":"How CSS works"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"UI Design","item":"https://daily.dev/tags/ui-design"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/ui-design/best-of"},{"@type":"ListItem","position":5,"name":"March 2023"}]}]} ```