MARCH 4ORTH DESIGN

A blog for (NOT) designers

Category: Sites

  • Webfieldmanual.com is a Great Resource for Web Designers

    Webfieldmanual.com is a Great Resource for Web Designers

    Webfieldmanual.com is a comprehensive resource for web designers that offers a wealth of information and tools to help them create amazing websites. From design tips and tutorials to coding resources and frameworks, Webfieldmanual.com is a one-stop-shop for everything a web designer needs to know. In this post, we’ll explore why Webfieldmanual.com is the ultimate resource for web designers, and how it can help you create better websites faster.

    Webfieldmanual.com’s key feature for web designers is its comprehensive collection of resources and tools. Whether you’re looking for design inspiration, coding frameworks, or tips for optimizing website performance, Webfieldmanual.com has you covered. The site is organized into categories such as “Design,” “Coding,” “Frameworks,” and “Tools,” making it easy to find the information you need quickly.

    Using Webfieldmanual.com can provide numerous benefits for web designers. For example, it can help you stay up-to-date on the latest design trends and best practices, and provide you with inspiration for your own designs. It can also help you streamline your workflow by providing you with pre-built frameworks and tools to speed up the development process. Additionally, Webfieldmanual.com can help you optimize your website’s performance and ensure that it is accessible to all users.

    Getting started with Webfieldmanual.com is easy. Simply visit the website and browse the categories to find the resources you need. You can also use the search bar to find specific topics or keywords. Many of the resources on the site are free to use, but some may require a subscription or purchase.

    To get the most out of Webfieldmanual.com, it’s important to stay organized and bookmark the resources you find most useful. You can also use the site’s social sharing buttons to share resources with your colleagues or followers. It’s also a good idea to subscribe to the site’s newsletter to stay up-to-date on the latest resources and news.

    Webfieldmanual.com is an invaluable resource for web designers of all levels of experience. Whether you’re just starting out or are a seasoned professional, the site offers a wealth of information and tools to help you create amazing websites.

  • Hexcolorpedia

    Hexcolorpedia

    Very informative color tool providing following Hex color information about color including:

    Color Conversion (Hex color to Rgb, Cmy, Cmyk, Hsl, HSB/HSV, XYZ, Yxy Hunter-Lab, and Grayscale).

    Tints, Tones and Shades.

    Color Blending, Blending two color values to create a gradual transition.

    Color Schemes, complementary, analogous, triadic, tetradic, aesthetic , hue rotation and monochromatic colors schemes.

    Similar / Related Shades.

    https://hexcolorpedia.com/

  • Colour Contrast Checker

    Check the contrast between different color combinations against WCAG standards.

    https://colourcontrast.cc/

  • Material Design 3 – Components

    Material Design 3 – Components

    Material 3 is the latest version of Google’s open-source design system. You can design and build beautiful, usable products with Material 3 components.

    Components are interactive building blocks for creating a user interface. They can be organized into five categories based on their purpose:

    Action

    Action components help people achieve an aim.

    Communication

    Communication components provide helpful information.

    Containment

    Containment components hold information and actions – including other components like buttons, menus, or chips.

    Navigation

    Navigation components help people move through the UI.

    Selection

    Selection components let people specify choices.

    Source: https://m3.material.io/components

  • Selfone

    Selfone

    Free template for PowerPoint, Keynote and Google Slides

    Selfone is a 100% free PowerPoint/Google Slides/Keynote template to present your app.

    – 34 slides including SVG mockups & 172 icons

    – Ultra light (less than 4MB)

    – Customizable (change theme color)

    – Nothing to install (fonts included or use system fonts)

    Source: https://www.slidor.fr/en/selfone?ref=betalist

  • Gestalt principles in UI Design

    Gestalt principles in UI Design

    Gestalt principles help us design intentionally in order to build relationships between elements on a page.

    Source: https://www.uxtoast.com/design-tips/gestalt-principles-in-ui

  • Checklist Design

    A collection of the best design practices.When you’re building a product, things can get complex quickly. You’re in the trenches, thinking about every element, interaction and journey.

    Keeping all of this information in your head is a problem. You inevitably forget things, and lose mental space that would otherwise be free for creativity and problem solving.

    Checklist Design was made by George Hatzis.

    Source: https://www.checklist.design/

  • Optimizilla

    This online image optimizer uses a smart combination of the best optimization and lossy compression algorithms to shrink JPEG, GIF and PNG images to the minimum possible size while keeping the required level of quality.

    Source: https://imagecompressor.com/

  • WAVE®

    WAVE ® is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) errors, but also facilitates human evaluation of web content. Simply input a web address to test it’s accessibility directly within the browser.

    Source: https://wave.webaim.org

  • Free Game by Virgil Abloh

    Before his untimely passing, designer Virgil Abloh created an online resource, Free Game with step by step instructions on how to develop a brand.

    “Below please find a resource center for brands in their earliest phases. This resource was born as I was working to summarize answers to all my most frequently asked questions. The goal of this resource is to uplift more than a few. I will continue to open doors for those that come from the fringe and help them be awarded opportunities usually left for the center.”

    Source: https://virgilabloh.com/free-game