typeit VS GreenSock-JS

- the overall performance score jumped by 12 points.

All of this was achieved by sticking with the same overall design and layout. It was really due to getting away from a heavy, React-based static site generator.

If you’re working with a similar type of site and looking to upgrade, rebuild, or migrate, I highly recommend Astro and its Starlight theme. I’ll be using it probably exclusively moving forward.

See the TypeIt site here:

https://typeitjs.com

I don’t know if you can restrict its usage in that way (wouldn’t that no longer make it open source), but you can charge for commercial usage while keeping the source open. I do this with TypeIt under a GPLv3 license: https://github.com/alexmacarthur/typeit/blob/master/LICENSE

Something like TypeIt would work but I need Code Highlighting too.

I'm looking for a tool that could mimic Code Typing but do it smoothly. I need it for recording tutorials but I don't want to record myself typing the code as that is not always smooth and is time consuming.

Something like TypeIt[0] but with Code Highlighting.

This is what I'm talking about: https://youtu.be/U4ogK0MIzqk?t=9

[0] https://github.com/alexmacarthur/typeit

I'll try to remember to post what I do with it. I'm planning on using it to build out a more interactive tool for generating TypeIt code on typeitjs.com.

TypeIt.js exists.

For a long time, my library TypeIt (https://typeitjs.com) crawled through a bunch of HTML nodes by recursively looping over them, and flattening them out at the end. It's always felt like an arduous, inefficient process. You can peruse through it here (spare me the code review, lol):

A friend brought up Plausible in a conversation a few days ago. I've been looking for an alternative to Google Analytics for quite some time (main concerns are performance, avoiding ad blockers & browsers that block client-side analytics, and UX of the admin). There's a self-hosted option, so I spun it up on a Digital Ocean server (found some great documentation; took maybe ~20 minutes), and wired up one of my sites with it -- typeitjs.com.

Using typeit.js is a really easy way to get the control you need for the typing effect to work well.

I don't make money on my personal blog (macarthur.me), but I have used it as a means of driving traffic to one that does. I've been selling TypeIt licenses (https://typeitjs.com) for a few years. Nothing significant in terms of revenue, but ranges from $200-$400 a month -- far more than I initially expected when I created the project as a means of learning JavaScript better.

This direct manipulation allows you to leverage robust animation libraries like GSAP or Anime.js, which require direct DOM access to perform optimally.

I've been looking for a small project to do that would let me play with Greensock (GSAP), specifically a bit with some SVG files I generated with Corel Vector. When I saw the frontend challenge and had an afternoon at work with downtime between a few projects, I knew it'd be a great opportunity to explore a bit!

https://pixijs.com/ and https://gsap.com/. All of the source code for my posts can be found at https://github.com/samwho/visualisations :)

The GreenSock Animation Platform (GSAP) is a web animation library that provides the logic for adding animation to any site powered by JavaScript. React, being built on top of JavaScript, falls under this category. GSAP is an extremely fun animation tool to use because it offers a great deal of flexibility, you can animate anything using GSAP — texts, images, scroll actions, SVGs, UI interactions, anything!

GSAP (GreenSock Animation Platform)

If you want animations look into GSAP

gsap

Green Sock has over 16,400 GitHub stars and 400k weekly NPM downloads.