![](https://march4orthdesign.com/blog/wp-content/uploads/2023/02/logo-web-field-manual.jpg)
Category: UI/UX
![](https://march4orthdesign.com/blog/wp-content/uploads/2023/02/logo-web-field-manual.jpg)
![](https://march4orthdesign.com/blog/wp-content/uploads/2023/02/logo-figma.png)
![](https://march4orthdesign.com/blog/wp-content/uploads/2023/01/Slack-Technologies-Logo-Vector-1.jpg)
![](https://march4orthdesign.com/blog/wp-content/uploads/2022/12/hexcolorpedia.png)
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,
![](https://march4orthdesign.com/blog/wp-content/uploads/2022/12/image-1.png)
Check the contrast between different color combinations against WCAG standards. https://colourcontrast.cc/
![](https://march4orthdesign.com/blog/wp-content/uploads/2022/12/image-3309110367-e1672182037629.png)
The best tool to help you learn flexbox, eventually. Check, learn and experiment with CSS flexbox. Better understand flexbox properties and quickly look them up during your front-end development process. https://www.howtocss.dev/
![](https://march4orthdesign.com/blog/wp-content/uploads/2022/12/unnamed.png)
![](https://march4orthdesign.com/blog/wp-content/uploads/2022/12/screenshot_20221203-121805_duckduckgo-1.jpg)
![](https://march4orthdesign.com/blog/wp-content/uploads/2022/12/gestalt-1.jpg)
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
![](https://march4orthdesign.com/blog/wp-content/uploads/2022/12/screenshot_20221203-114903_duckduckgo-1.jpg)