WebFieldManual's profile picture. The Web Field Manual is a curated list of resources focused on documenting only the best knowledge for designing experiences and interfaces on the web.

Web Field Manual

@WebFieldManual

The Web Field Manual is a curated list of resources focused on documenting only the best knowledge for designing experiences and interfaces on the web.

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…


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…


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…


Web Field Manual 已轉發

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/


Using Feature Detection to Write CSS with Cross-Browser Support: A look at dealing with inconsistent browser support with a key feature in the design of the CSS language itself. css-tricks.com/using-feature-…


Loading...

Something went wrong.


Something went wrong.