This month we’ve got a bunch of tools that will help you code more efficiently in various ways, whether that’s by offloading complex calculations to the GPU, making your code more readable, or making use of new ES6 syntax.
There are other plugins around for truncating text within an HTML element, but this one’s a cut above the rest: no dependencies, it maintains the original text, only requires a selector and a max height and it’s very lightweight (around 1.5kb unminified). The runover text is stored in a hidden element.
03. ES6 Cheatsheet
Writing code that’s readable, extensible and maintainable by others in a fast-paced project is tough, but tools like JSNice can help you out. JSNice uses learning from thousands of projects to annotate your code and predict meaningful variable names that help others to read it.
06. InVision Inspect
The new Inspect tool, which is part of InVision, helps you to move more quickly on your design projects by generating code and useful information such as measurements, colours, and fonts.
StockJo is a large collection of resources that provide free stock photography, audio, graphics, fonts, video and more.
08. Startup Collections
Startup Collections is a resource guide that groups together tools for achieving different things such as making videos, working with colour palettes, finding freelancers, tackling SEO, creating an ecommerce site and much more - this is quite a large site.
09. Music for programming
The creators of this site have done a lot of study and experimentation and discovered certain musical qualities that they think aid concentration. This site is a large collection of such music that can be streamed while you work.
funcssion is a set of very simple CSS classes that all have a single purpose. It’s intended to help you prototype quickly and write code that can be understood by reading the HTML, with no need to scroll through a lot of CSS.