Web Tools Weekly
What a Tool!

Issue #301  (npm JS Survey, Frameworks, Media Tools, Uncats)

Advertisement via Syndicate
Buddy – Turn DevOps to NoOps
The new generation of CI/CD is here. Automate website delivery in 10 minutes with over 100 preconfigured actions. Builds, tests, deployments, Docker – whatever you do, Buddy got your back.
Get started for FREE now
Buddy

This year, npm Inc. conducted their second annual Enterprise JavaScript Survey and some of the results have been published. If you visit the site, you'll have to give them an email address and a bit of your personal info to get the PDF, but here are some highlights from the document, based on questions answered by 33,000 developers:

  • Since the first survey, the percentage of users that have been working with JavaScript for more than five years increased from 40% to 49%
  • It's believed, based on the increase in npm usage, that by the end of 2019, 99% of developers will be using code from npm
  • More than 80% of respondents are concerned with the security of open source code
  • 23% of respondents don't employ any type of code review or code scanning to ensure the security of their code
  • 77% of respondents are writing JavaScript on the server (i.e. Node.js)
  • 62% of respondents are using TypeScript
  • Only 23% of users are using GraphQL, but a large number are considering it for 2019
I'm a little leery of taking some of these results as representative of the community overall. This is, after all, a survey conducted by npm, Inc., so there's a very specific demographic here. For example, if the same survey was conducted on a website like CSS-Tricks, I guarantee you wouldn't see such a large number of developers writing server-side JavaScript or using TypeScript. So take the results with a grain of salt.

For the full report, be sure to visit the official site. And if you're pretty new to using packages via npm in your projects, you might want to check out my beginners tutorial on npm.

Now on to this week's tools!

Front-end Frameworks

Buddy – Turn DevOps to NoOps
The new generation of CI/CD is here. Automate website delivery in 10 minutes with over 100 preconfigured actions. Builds, tests, deployments, Docker – whatever you do, Buddy got your back.     sponsored via Syndicate 

Svelte
Now at version 3+ (details). Traditional frameworks like React and Vue do the bulk of their work in the browser, while Svelte shifts that work into a compile step that happens when you build your app.

CalqueJS
A tiny utility library (only ~7KB) for the native web platform, aimed to help building interfaces easily. The goal is to offer a declarative way to code UI components by writing bits of HTML.

PrimeReact
Also now at version 3+ (details). A collection of rich UI components for React.

Vibe
A beautiful React dashboard built with Bootstrap 4.

Pinipig
A performant web framework that's easy for developers.

RB
An opinionated React boilerplate based on webpack, Babel, ESLint, Jest/Enzyme, Styled Components, Prettier, and more.

Marble.js
A functional reactive Node framework for building server-side applications, based on TypeScript and RxJS.

Vue SSR Boilerplate
Boilerplate using Vuex and vue-router, server-side data pre-fetching, Docker, and more.

COIDEA Template
A responsive Nuxt.js template for developers who want to quickly set up a blog or find inspiration.

Media Tools

Get 40% off your entire Manning.com order!
Perfect your skillset! Manning Publications are offering 40% off everything in their catalog, including their range of web dev books and video courses. sponsored 

OpenShot
Free, open source, award-winning video editor for Linux, Mac, and Windows.

Create React Icons
A CLI for generating your own React icon components from SVG files.

JS Cloudimage 360 View
A simple, interactive resource to engage your customers with a stunning 360° view of your products.

indigo-player
Highly extensible, modern, JavaScript video player with out-of-the-box ad support.

Friendly Faces
Online tool to create diverse and fun human face graphics for avatars, icons, etc.

Mock
Instantly create mockups by adding a device frame to your videos (iPhone, Samsung, Macbook, etc).

FastCharts
Online tool to quickly create data charts from CSV or TSV data.

ColouriseSG
Colourize black and white photos.

Icotar
Generates simple, playful avatars for your app or website. Each avatar consists of a colorful background and a recognizable symbol.

ICONSVG
Simple tool to find, customize, and generate common SVG icons for your projects.

The Uncategorizables

Get 40% off your entire Manning.com order!
Perfect your skillset! Manning Publications are offering 40% off everything in their catalog, including their range of web dev books and video courses. sponsored 

Mozilla IOT
An open platform for monitoring and controlling devices over the web.

Fluent
A localization system for natural-sounding translations.

ToDesktop
Convert your web app to a desktop app in two minutes. Seems pretty gutsy, not sure how well this works.

Litewait
A lightweight browser that uses less data and less power.

Glorious Demo
The easiest way to demonstrate your code in action. Great for presentations and talks.

Saleor
A GraphQL-first, PWA-ready, eCommerce platform for perfectionists.

Playroom
Simultaneously design across a variety of themes and screen sizes, powered by JSX and your own component library.

Pandora.js
A manageable, measurable and traceable Node.js application manager.

Dimer
Generates a clean and beautiful documentation website from Markdown.

Trunk
Design collaboration made simple. Secure version control for your design files.
 

A Tweet for Thought

Andrew Turley on building stuff vs. maintaining stuff.
 

Send Me Your Tools!

Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
 

Before I Go...

This interactive Typography Cheatsheet, built by Chris Heilmann and based on a graphic by Martin Silvertant, makes me realize how few typographic terms I know!

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly