Best of UI Design — October 2022

1. 1
   Article

   Community Picks·4y

   What are good CSS Breakpoint values for Responsive Design?

   CSS Breakpoint values for Responsive Design can be used to design for larger and bigger screens. Designing mobile-first and using min-width seems the most accepted and used solution nowadays.

   59
2. 2
   Article

   asayer·4y

   Implementing Claymorphism with CSS

   Claymorphism is based on 3D-like objects made from clay, with inner and outer shadows to create depth. The Origin of Claymorphism It’s 2022, and a design pattern has vastly emerged and become famous in Dribble and Behance. We want to show the completeness of claymorphic design patterns. The result is: Open Source Session Replay.

   48

   3
3. 3
   Article

   LogRocket·4y

   Applying Atomic Design to your Next.js project

   Atomic Design was inspired by chemistry, which is why the building blocks are called atoms, molecules, organisms, templates, and pages. In this tutorial, we will focus on Atomic Design, learn its Create a components/Navbar.js file and paste the code. To edit the styling, add a navbar.scss file to styles andpaste the styles below. The author�’s molecule will contain the author's image and name. In this tutorials, we’ll use the Image component.

   32