Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention.
You can use Lass to scaffold modern package boilerplates for Node.js. It is really easy to install, you just need to
run npm install -g lass in your terminal. Lass offers a large variety of features such as unit testing with ava, automatic code formation with prettier, automatic git init, automatic markdown formatting and linting with remark and more.
Fastify is a modern Node.js framework inspired by projects like Hapi and Express. Aside from being one of the fastest frameworks around (benchmarks), Fastify is also developer friendly, completely asynchronous and fully extensible via its hooks, plugins and decorators.
Draggable is a lightweight, modular drag and drop library by Shopify. It offers advanced drag and drop functionality with fast DOM reordering, clean API and accessible markup. It comes with additional modules that can be included to add more features like sorting, swapping and other utilities.
With this library you can turn your source code into beautiful syntax-highlighted images. Src2png starts a Poi dev server, runs a Headless Chrome instance via Puppeteer and then renders, trims whitespaces, and saves the screenshots.
Stencil is a simple Web Components compiler which combines the best concepts of the most popular frameworks. It uses TypeScript, JSX, virtual DOM, reactive data-binding and an asynchronous rendering pipeline (similar to React Fiber) to generate Web Components.
Mail for Good is an open-source email campaign management app for sending emails through Amazon's AWS Simple Email Service. It offers a number of features like sending emails with unlimited size, importing emails in CSV format, creating templates, tracking bounce rate and much more.
A library that showcases modern mobile devices created with pure CSS. It includes some of the most popular mobile devices like iPhone X, Google Pixel 2 XL and Samsung Galaxy S8. The designs are elegant and high-quality and can be used for landing or screenshot pages.
AR.js allows you to experience augmented reality using your mobile phone. It runs smoothly, it's purely web-based and works on any phone with webgl and webrtc.
If you want to try it out you can open the demo: First open this hiro marker image in your computer's browser and then open this AR web app in your phone's browser, and turn it to your computer screen.
@keyframes) that are being added to the browser's animationstart events when a new DOM node is added.
Luma.GL is a WebGL2 framework for GPU-powered data visualization and computation. It offers an easy way to use WebGL's high-performance to display large sets of data. There is also deck.gl, a library with a more high-level API that is power by Luma.GL under the hood.
A jQuery plugin that allows you to dynamically zoom images when moving your mouse over. It is easy to install and use and has a number of properties which can set the image url, the zoom size and the cursor pointer . It is compatible with Chrome 42+, Firefox 41+, Safari 9+, Opera 29+ and IE 9+.
We recently published a tutorial where we build a similar plugin from scratch using only vanilla JS. You can check it out here.