2 min read
Table of contents
- Web Development for Beginners - A Curriculum
- D3 JS - Bring data to life with SVG, Canvas, and HTML
- Mammoth JS - Docx to HTML
- Grapes JS - Open source Web Builder Framework
- Plyr - A simple HTML5, YouTube, and Vimeo player
- Size Limit - Calculate the real cost to run your JS app
Web Development for Beginners - A Curriculum
The aim of the project is to create an easy-to-use, lightweight, cross-browser, general-purpose 3D library. The current build only includes a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available in the examples.
D3 JS - Bring data to life with SVG, Canvas, and HTML
Mammoth JS - Docx to HTML
Mammoth is designed to convert .docx documents, such as those created by Microsoft Word, Google Docs, and LibreOffice, and convert them to HTML. Mammoth aims to produce simple and clean HTML by using semantic information in the document and ignoring other details. For instance, Mammoth converts any paragraph with the style Heading 1 to h1 elements, rather than attempting to exactly copy the styling (font, text size, color, etc.) of the heading.
Grapes JS - Open source Web Builder Framework
GrapesJS is a free and open-source Web Builder Framework that helps to build HTML templates, faster and easier, to be delivered in sites, newsletters, or mobile apps. Mainly, GrapesJS was designed to be used inside a CMS to speed up the creation of dynamic templates. To better understand this concept check the image below
Plyr - A simple HTML5, YouTube, and Vimeo player
Plyr is a simple, lightweight, accessible, and customizable HTML5, YouTube, and Vimeo media player that supports modern browsers.
Size Limit - Calculate the real cost to run your JS app
I hope you found this article helpful. If you need any help please let me know in the comment section.
Let's connect on Twitter and LinkedIn
👋 Thanks for reading, See you next time