“In order to make a site that people can use, every element on the screen needs a Content pattern and a Display pattern applied to it. Embracing the difference in pattern types is the key to making a modular design system infinitely more scalable.”
Change the colors of a site by dragging and dropping colors fro ma palette.
This site provides a wealth of great SVG demos
A free color tool providing information about any color and generating matching color palettes for your designs (such as complementary, analogous, triadic, tetradic or monochromatic colors schemes).
Just type any color value in the search field and ColorHexa will offer a detailed description and automatically convert it to its equivalent in Hexadecimal, RGB, CMYK, HSL, HSV, CIE-LAB / LUV / LCH, Hunter-Lab, XYZ, xyY and Binary.
The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.
A visual diff between the visual output of your site on staging and production prior to deploying. Shows the results for multiple browsers and screen sizes.
Simple visual version control tool for Mac based on Git
A large collection of optimized SVG logos. Handy.
4,000 Vector Icons for IOS, Android and applications. “The world’s largest icon collection.”
A free ebook providing practical advice on Web typography.
A handy and great looking cheatsheet for HTML symbols and entities.
A small, fast, modern, and dependency-free library for lazy loading.