Web Field Manual

Android Pixel Calculator: Check relation between the dp, px, sp, in, mm and pt measurement units and convert to other unit. angrytools.com/android/pixelc…

How To Learn CSS: An article that aims to guide you along the path of learning CSS Fundamentals. smashingmagazine.com/2019/01/how-to…

SVG Gradient Map Filter: A tool that creates SVG Gradient Map Filter from given colors. yoksel.github.io/svg-gradient-m…

Remove Image Background: Quick background removal for images with one click. remove.bg

Design Libs: A go-to reference for how to write and use some of the most common design thinking exercises, practices, and methods. designlibs.com/about.html

The Elements of UI Engineering: A thoughtful look at the elements that go into front-end interfaces. overreacted.io/the-elements-o…

@ChrisDrinkut @jxnblk You are very welcome Chris — great job on Palx!

P nice - thank you @WebFieldManual for the sharing. // Palx: automatic UI color palette generator palx.jxnblk.com/108956 via @jxnblk

Palx: Provide a single color value and Palx returns a full-spectrum color palette, well suited for UI design and data visualizations that work harmoniously with brand colors. palx.jxnblk.com

Cedar: The Cedar Design System provides digital teams with reusable UI components based on REI’s visual language. rei.github.io/rei-cedar-docs/

Degreeless.design: A list of useful information for learning design for budding UX, UI, and Interaction designers. degreeless.design

33 Concepts Every JavaScript Developer Should Know: A repository created with the intention of helping developers master their concepts in JavaScript. github.com/leonardomso/33…

@18F Methods: A collection of tools to bring human-centered design into your project. methods.18f.gov

Web.Dev: With actionable guidance and analysis, web.dev helps developers like you learn and apply the web's modern capabilities to your own sites and apps. web.dev

Accessibility Cheatsheet: Practical approaches to Universal Design for making your website/webapp accessible to everyone. moritzgiessmann.de/accessibility-…

30 Seconds of CSS: A curated collection of useful CSS snippets you can understand in 30 seconds or less. 30-seconds.github.io/30-seconds-of-…

The Psychology of Design: Three key theories of psychology that designers can use to build more intuitive, human-centered products. alistapart.com/article/psycho…

Q. Should designers code, write, or understand business? A. Yes. And one more thing: to do our jobs, we designers must learn the fundamentals of psychology. @JonYablonski explains why. alistapart.com/article/psycho…

UX Tools: Resources for the modern day UX designer: compare UX design tools, find books, and keep up with the industry. @uxtoolsco uxtools.co

Uniform: A single design system to ensure every interface feels like Hudl. uniform.hudl.com

Werner’s Nomenclature of Colours: A recreation of the original 1821 color guidebook with new cross references, photographic examples, and posters designed by Nicholas Rougeux. c82.net/werner/