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.
As a web designer sometimes it is helpful to see your design in context. That means viewing it from a new angle on a MacBook or a Tablet or a Desktop screen. You can always load up photoshop and comp together an image of your design and place it on top of a photo of a Desktop screen but there is an easier way.
Its called Place It
You just upload an image, crop it to fit the screen and your done. You now have an easy and quick way to create a visual mock up of your design on any type of screen.
A Bootstrap Builder tool to help you create Bootstrap UIs with a drag-and-drop interface. https://www.layoutit.com/
I was looking for a complete beginners guide to using GitHub and this article was a big help in getting started with Git.
Flat Color Palette with light and dark pairs for hover state and Hex Code.
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.
How to switch on Chrome Experimental Web Platform features.
- type this into Chrome browser – chrome://flags/
- scroll down the page until you find – Experimental Web Platform features
- click on – enable
47,000 free vector silhouettes. Download these images in jpeg, svg, png and eps.
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.