In this round of the series, you will be looking at a few JS libraries that you will find use for but also a collection of tips, a very long essay on typography, a color generator and lightweight frontend framework. Without further ado, let’s check them out.
Click for More Resources
Find our entire collection of recommended resources and the best web design and development tools available.
Vagrant Manager is GUI application to control Vagrant. Similar MAMP, where you can stop or run Vagrant, and see which Vagrant is currently running. The app is available for OS X and for windows. If you are not sure what Vagrant is, check out our previous post on How to install WordPress locally with Vagrant.
Named after Johannes Gutenberg, the mass press inventor. Gutenberg is a collection of style rules for proper typographic setting on the web. The style rules set the base line, font size and scaling, and line-height. A great style library to make your website content look a lot better.
OkayNav is a jQuery to build a responsive navigation, but not just yet another one. The plugin has a slightly different take on responsive design: as the viewport is resized down to smaller, each menu will be gradually merged in an icon to tolerate the limited viewport size. Sounds cool, doesn’t it?
The New Web Typography is an in-depth, eye opening essay on typography. It discusses the styles from the early days of books to the current way we build and consume on the web. Well-researched with multiple illustrations, and fully referenced, it is a lengthy article by Robin Rendle, but definitely worth reading to gain a better understanding of typography.
Color Safe is a color generator palette for the web. Unlike tools that we have been previously mentioned in this series, ColorSafe will only generate color that comply with the WCAG standard for color accessibility.
This library adds floating particle networks on your website, simply to make your website look cooler instantly. The particles will react to the cursor movement. The reactions as well as other elements like colors, distance, and shape can be configured through the options.