Tweet

Suprabha

Follow @suprabhasupi

1 Jul, 7 tweets, 2 min read

Amazing 4 Animation tools for web developers 🔥

🧵

1️⃣ Granime JS

Create fluid and interactive gradient animations with this small javascript library.

sarcadass.github.io/granim.js/

2️⃣ Kute JS

KUTE.js is a fully featured JavaScript animation engine with outstanding performance and supporting 3D transforms, SVG Morph, draw SVG, SVG transform

thednp.github.io/kute.js/

3️⃣ Anime JS

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes

anime-js.com

4️⃣ Simple Parallax

simplePARALLAX.js is the easiest way to get a parallax effect with javascript

simpleparallax.com

Thanks for reading this thread ❤️

If you found useful, please retweet the first one ☺️

• • •

Missing some Tweet in this thread? You can try to force a refresh

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @suprabhasupi

Suprabha

@suprabhasupi

27 Jun

Amazing Web Tools for Frontend Engineer 🚀

A Thread 🧵

1️⃣ Learn X in Y minutes ⏰

Take a whirlwind tour of your next favorite language. Community-driven! Algorithms & Data Structures.

learnxinyminutes.com

2️⃣ JSON Editor Online 📝

JSON Editor Online is a web-based tool to view, edit, format, transform, and diff JSON documents.

jsoneditoronline.org

Read 8 tweets

Suprabha

@suprabhasupi

25 Jun

Understand Public and Private class fields in Javascript 🔥

Class fields are public by default, but private class members can be created by using a hash # prefix.

Thread 🧵

There are two types of object fields:

1️⃣ Public:
Accessible from anywhere. They comprise the external interface. Until now we were only using public properties and methods.

2️⃣ Private:
Accessible only from inside the class. These are for the internal interface.

Read 4 tweets

Suprabha

@suprabhasupi

23 Jun

Websites to Prepare for Interview 🔥

These are the sites, you can prepare for job interview 👇

A Thread 🧵

1️⃣ HackerRank

Matching developers with great companies.

hackerrank.com

2️⃣ LeetCode

Free Online Code Editor for Interviews. Build Your Own Tests and Get Results instantly.

leetcode.com

Read 7 tweets

Suprabha

@suprabhasupi

23 Jun

Using #CSS, links can be styled in many different ways.

We can change the behaviour of CSS link as:

1 :hover
2 :active
3 :visited
4 :focus

#100DaysOfCode #DEVCommunity

1️⃣ :hover

The :hover CSS pseudo-class triggered when the user hovers over an element with the cursor.

📝 If you are using :link, :visited, :active. Remember to add hover after link and visited according to LVHA-order: :link — :visited — :hover — :active.