Best of UI DesignFebruary 2023

  1. 1
    Article
    Avatar of css_tricksCSS-Tricks·3y

    Moving Backgrounds | CSS-Tricks

    Learn how background images can provide more context or experience, how to change the position of a background image using JavaScript, and how to implement the Ken Burns effect using CSS.

  2. 2
    Article
    Avatar of hnHacker News·3y

    Visual design rules you can safely follow every time

    Learn visual design rules that can be followed every time to create coherent and visually appealing designs. Find out how to create a cohesive color palette, align elements, determine spacing, handle shadows, set text size, design buttons, create rounded corners, and avoid hard visual divides.

  3. 3
    Article
    Avatar of hackernoonHacker Noon·3y

    Developer's Gold Mine: 8 Youtube Channels You Should Subscribe to Right Away

    Developer's Gold Mine: 8 Youtube Channels You Should Subscribe to Right Away. You learn about a new development language every day as it enters the market and gains notoriety for its novel features. The channel mostly offers extended films (up to hours long) that go into detail on each thread and topic of the languages.

  4. 4
    Article
    Avatar of phProduct Hunt·3y

    Fonty.io - Product Information, Latest Updates, and Reviews 2024

    Fonty.io is a tool that analyzes the fonts used on a website and displays them for users to view. It is helpful for web designers and developers looking to learn more about the typography on a specific website. Recent launches include a font analysis tool and the ability for users to leave reviews and pro tips.

  5. 5
    Article
    Avatar of logrocketLogRocket·3y

    Tailwind CSS: Using dynamic breakpoints and container queries

    Learn how to use dynamic breakpoints and container queries in Tailwind CSS to create responsive designs and apply styles based on container dimensions. Tailwind CSS is a utility-first CSS framework known for its simplicity and flexibility.

  6. 6
    Article
    Avatar of ishadeedAhmad Shadeed·3y

    The Guide To Responsive Design In 2023 and Beyond

    The term ‘responsive’ means a lot of things now. We have media queries that check for user preferences, and modern CSS features that help us make a fluid layout without even using a media query. Responsive design isn’t about media queries anymore, it’s about fixed-width breakpoints.

  7. 7
    Article
    Avatar of codropsCodrops·3y

    Web Design & Development News: Collective #750

    DL David Lubofsky's portfolio showcases a captivating and unique design, featuring a bold and playful typeface that immediately draws the viewer in. Get inspired sponsored via Paved Developer-friendly eSignature API that scales with your workflows. The signNow API is here to surprise you – always in a good way.

  8. 8
    Article
    Avatar of ishadeedAhmad Shadeed·3y

    Do we need CSS flex-wrap detection?

    CSS flex-wrap detection allows for more control and the ability to detect when an item is wrapped. This post explores the need for flex-wrap detection and its potential use-cases.

  9. 9
    Article
    Avatar of chromeChrome Developers·3y

    DevTools Tips: Discover CSS issues

    Discover and debug CSS issues with Chrome DevTools. Learn how to use the Elements > Styles pane and access debugging tips. Improve your CSS expertise and learn about responsive design.