A type scale is a series of font sizes that relate to each other because they increase by the same ratio. You start with a base font size and multiply it by the selected ratio. Using Modular Scale – you can easily calculate font sizes for any ratio.
The backdrop-filter CSS property lets you apply effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent.
A CSS generator to create beautiful animated gradients for use on your website. … Scroll Angle. Speed.
Source: CSS Gradient Animator
Shoelace.css is a starter kit, not a framework. Think of it as a CSS reset sprinkled with helpful components. Bootstrap users will find it familiar, yet refreshing.
Shoelace is highly customizable through CSS variables. It doesn’t require Less, Sass, or any preprocessing at all. The minified version is only 32.1KB and much smaller when gzipped.
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
Font Awesome, the iconic font and CSS framework
Download the font awesome font file and install it into your fonts folder. Then you can use this page to quickly find icons. Just highlight an icon you would like to use in your design and then you can copy and paste it into your Photoshop image (you have to select font awesome as your font).
Source: Font Awesome Cheatsheet
Using this page you can highlight an icon and then copy and paste it into Photoshop. You will need to install the material design font and then, you can use this page in the same way you would use the Font Awesome Cheatsheet.
Material Design Iconic Font is a full suite of material design icons (created and maintained by Google) for easy scalable vector graphics on websites.
This is a great series for beginners, teaching the fundamental concepts of WordPress development so you can take the leap from tinkerer to developer. By the end of the series, you will be able to create your own rudimentary themes and plugins, and flesh them out with your own features.
Advanced layout with flexbox css
Many designers and developers find flexbox layout easier to use, as positioning of the elements is simpler thus more complex layouts can be achieved with less code, leading to simpler development process.