People say "animations should only solve problems."

My magnetic button solves zero problems. It just looks cool and proves I can code complex effects without killing your CPU.

I’m just here for the smooth hover effects, honestly. ✨

#CreativeDev #GSAP #frontend

If it looks great but lags – it’s broken.

Just optimized this button explosion effect, slashing latency from 700ms to <30ms using WebGL pre-rendering. 👌🏻

Mental state: 75% frustrated, 100% in love with Three.js and GSAP.

#Frontend #WebDevelopment #JuniorDev
#threejs #gsap3 #react #typescript

https://github.com/kolonatalie/particle-button-effect

Just gave my CodePen profile a makeover via custom CSS.
Gosh, I love frontend development.💟

https://codepen.io/kolonatalie

#CodePen #Frontend #CSS3 #JuniorDeveloper

Giving a classic React tutorial a major glow-up! ✨
Refactored to TypeScript , integrated GSAP for those smooth animations, and finally threw in React Snowfall.❄️

Gosh, I love web dev! 💜

#ReactJS #TypeScript #GSAP #WebDevelopment #Frontend #codenewbie

One of the most common JavaScript interview questions:

🟣 What are JavaScript data types?

➜ Primitive Types (Stored by Value)
• string
• number
• boolean
• null
• undefined
• symbol
• bigint

➜ Non-Primitive Type (Stored by Reference)
• object

⭐️ Type Coercion Examples:
String Coercion: '5' + 2 → '52' (String wins: string + number = string)

Number Coercion: '10' - 5 → 5 (Non-addition operators force conversion to a number)

#javascript

Just refreshed my memory with a super useful <input> cheat sheet!💟

There are 22 input types in HTML:

➜ Text: text, password, search, tel, email, url
➜ Numbers: number, range
➜ Dates: date, month, week, time, datetime-local
➜ Choices: checkbox, radio
➜ Buttons: button, submit, reset
➜ Other: file, color, hidden, image

Saving this here, in case it’s useful to you too.

#frontend #html #webdev #learninginpublic

RE: https://mastodon.social/@jaredwray/115600643742798357

Totally agree 💯

🟣 JavaScript is the #1 most used programming language in the world. Every major global survey (StackOverflow, GitHub, JetBrains) ranks it #1 year after year.

🟣 React is the most in-demand frontend framework. It has:
• the biggest job market
• the biggest ecosystem
• the most libraries, and opportunities
• the strongest long-term stability

🟣 TypeScript is now the default in many companies using React.

#frontend #webdevelopment #javascript #typescript #react

I made a cool analogy today:

Git branches are like parallel timelines in a sci-fi movie. The main branch is the sacred, final reality. You clone it to a new timeline (your feature branch) to experiment. If the experiment works, you merge it back into the main reality. If not, you delete the timeline.

Does it sound promising?

#git #webdev #frontend

What I focus on to grow as a frontend dev:

• DOM (understand the structure)
• Async (timing is everything)
• Semantic HTML (accessibility = respect)

Advanced tools come and go. Strong basics stay forever.👌🏻

#frontend #webdevelopment #softwareengineer #webdev