WDW #424

🗞 Highlights

37 easy ways to spice up your UI designs
A few dozen simple and actionable ways to spice up your design.
Anthony Hobday (UI Design)

Managing Projects Doesn’t Have to Be a Mess
Basecamp is the all-in-one toolkit for working remotely. Organize teams, projects, schedules, files, and everything else your team needs. Try managing your next project with Basecamp. We’ll even give you one month free to try it.
Basecamp –  Sponsor 

Managing Projects Doesn’t Have to Be a Mess
Basecamp is the all-in-one toolkit for working remotely. Organize teams, projects, schedules, files, and everything else your team needs. Try managing your next project with Basecamp. We’ll even give you one month free to try it.
Basecamp –  Sponsor 

A designer’s 70 ecommerce tips with real examples
This article focuses on the e-commerce-specific aspects of great design.
István Jakab (UI/UX Design)

Designing a perfect pricing page UX
Pricing plans seem to be obvious at first, but once we look a little bit closer, there are plenty of important considerations that need to be explored before heading into the design phase.
Vitaly Friedman (UX Design)

15 best new fonts for inspiration (July collection)
Monthly roundup that includes variable fonts, updated classics, and a couple of freebies.
Ben Moss (Typography)

Zapier brand history
See how Zapier’s design team worked the brand typography, colors, voice, and illustration into a modern, distinct identity that sets the app apart. Although they are not the cheapest automation app on the market 😅.
Zapier (Inspiration)

🗞 Tools / Resources

Locofy – Convert your Figma designs into production ready front-end React, React Native, HTML/CSS, Next.js, Gatsby code. (Free Beta)

Mockoops – Mockoops converts screen recordings into life-like mockups. You can drag and drop screen recordings into the pre-designed templates and export them with a single click. Mockoops is free to use.

Aspect-ratio vs width & height attributes – Avoid layout shifts using width and height attributes, or aspect-ratio in CSS.

Statements vs. expressions – If someone asks you the difference between a “statement” and an “expression” in JavaScript, would you be able to answer?

Using grids in interface designs – Grids not only provide designers a structure on which to base layouts, but they also improve readability and scannability for end users.

⚡ Snippets