Cacher is the code snippet organizer for pro developers

Articles

• Recommended screen resolution for web design: https://thewhitelabelagency.com/recommended-screen-resolution-for-web-design/
  • The most common design file resolution used by the digital agencies that we work with is 1440px wide, with a main content container that is 1140px.
• Best screen sizes: https://www.hobo-web.co.uk/best-screen-size/
  • Old Advice Worth Noting:
    • Optimise for 1024×768
    • Do not design solely for a specific monitor size
    • Use a liquid layout that stretches to the current user’s window size (that is, avoid frozen layouts that are always the same size).

Example websites:

• BBC:
  • Breakpoint desktop 1008px with content with margin left and right 15px (content = width - 30px)
  • Until 1280px same margin left and right (content = width - 30px)
  • Max content width: 1250px (total 1250 + 15*2 = 1280px)
• Huffington Post
  • Breakpoint desktop 1000px
  • Max content width: 1250px
• Awwwards:
  • Breakpoint desktop 1010px with margin left and right 34px
  • Max content width: 1309px
• Airbnb:
  • Breakpoint desktop 1128px with margin left and right 48px
  • Max content width: 1032px
• Dribbble:
  • Breakpoint desktop 1170px with margin left and right 25px. Content 1110px
  • Max content width: 1350px