Best of UI DesignOctober 2022

  1. 1
    Article
    Avatar of communityCommunity 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.

  2. 2
    Article
    Avatar of asayerasayer·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.

  3. 3
    Article
    Avatar of logrocketLogRocket·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.