iiinova — where your digital self keeps evolving

kolonatalie @kolonatalie.bsky.social · 26/03/2026

Interactive 3D Liquid Glass Experience exploring glassmorphism and real-time physics. • Three.js & WebGL • Rapier WASM Physics • Dynamic Marching Cubes • GSAP • Optimized for with adaptive resolution. Live: liquid-glass-experience.vercel.app #Threejs #CreativeCoding #WebGL #Typescript #GSAP

050

kolonatalie @kolonatalie.bsky.social · 16/03/2026

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

000

kolonatalie @kolonatalie.bsky.social · 26/01/2026

Frontend wisdom: 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 #webdev #juniordev #threejs #GSAP #react #typescript

240

kolonatalie @kolonatalie.bsky.social · 19/01/2026

Just gave my CodePen profile a makeover via custom CSS. Gosh, I love frontend development.💟 codepen.io/kolonatalie #CodePen #Frontend #CSS3 #Glassmorphism #JuniorDeveloper

010

kolonatalie @kolonatalie.bsky.social · 20/12/2025

Thank you! I had a blast refactoring it to TypeScript and adding some animation magic to spice things up. Glad you like it!

020

kolonatalie @kolonatalie.bsky.social · 18/12/2025

This project was originally a JavaScript tutorial from John Smilga's React course www.youtube.com/watch?v=a_7Z...

youtube.com

Code 15 React Projects - Complete Course

YouTube video by freeCodeCamp.org

000

kolonatalie @kolonatalie.bsky.social · 18/12/2025

Giving a classic React tutorial a major glow-up! ✨ Refactored to TypeScript , integrated GSAP for those smooth animations, & finally threw in React Snowfall.❄️ Gosh, I love web dev! 💜 #ReactJS #TypeScript #GSAP #WebDevelopment #Frontend #CodeNewbie

260

kolonatalie @kolonatalie.bsky.social · 25/11/2025

⭐️ 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 #frontend #webdev #jobinterview

020

kolonatalie @kolonatalie.bsky.social · 25/11/2025

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

100

kolonatalie @kolonatalie.bsky.social · 24/11/2025

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 #frontend

010

kolonatalie @kolonatalie.bsky.social · 23/11/2025

🟣 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. 🟣 TypeScript is now the default in many companies using React. #frontend #web #javascript

030

kolonatalie @kolonatalie.bsky.social · 22/11/2025

I made a cool analogy: 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. #git

010

kolonatalie @kolonatalie.bsky.social · 20/11/2025

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

020

kolonatalie @kolonatalie.bsky.social · 19/11/2025

☑️ HOW TO AVOID THEM: • use gap instead of random margins • use Grid/Flex instead of nudging elements • create a spacing scale (4, 8, 12, 16…) • use CSS variables for consistent values Your future self will thank you💟 #css #frontend #webdevelopment

030

kolonatalie @kolonatalie.bsky.social · 19/11/2025

✖️ STOP using magic numbers in CSS “Magic numbers” = random pixel values like margin-top: 37px; used just to make things look right for now. They work… until anything changes — then everything breaks.

100

kolonatalie @kolonatalie.bsky.social · 18/11/2025

Today my friend told me: If you want real frontend progress, don’t rely on vibes - build a system. Your go-to structure should be: HTML → CSS → JS → React → Clean Code. Weekly plan: a few focused sessions, one tiny project, one honest self-check. That’s enough. More than enough.👌🏻 #frontend

020

kolonatalie @kolonatalie.bsky.social · 17/11/2025

Everyone says junior frontend devs hate CSS… I love it. It’s where logic meets aesthetics and that’s my sweet spot.💟 Which side are you on? #css #frontend #webdev

020

kolonatalie @kolonatalie.bsky.social · 16/11/2025

5 skills that get junior Frontend Engineers hired fast: 🟣 Clean, readable, minimalistic code. 🟣 Ability to learn tools, APIs, and libraries quickly 🟣 Strong debugging mindset. 🟣 Solid HTML/CSS/JavaScript fundamentals. 🟣 Clear communication: asking questions, updating progress, working async. #code

030

kolonatalie @kolonatalie.bsky.social · 15/11/2025

➜ SRP (Single Responsibility Principle): Each function/class should handle one clear responsibility. ➜ Meaningful Naming: Use names that clearly explain a variable, function, or class purpose. #webdevelopment #frontend

030

kolonatalie @kolonatalie.bsky.social · 15/11/2025

🟣 Core Principles of Clean Code: ➜ DRY (Don't Repeat Yourself): Avoid duplicating logic. Keep each piece of knowledge in one place. ➜ KISS (Keep It Simple, Stupid): Prioritize simplicity over unnecessary complexity.

110

kolonatalie @kolonatalie.bsky.social · 14/11/2025

1️⃣1️⃣ What are Media Queries? 1️⃣2️⃣ How do you center a div using Flexbox? 1️⃣3️⃣ What is the difference between position: relative and absolute? 1️⃣4️⃣ Explain z-index in CSS. 1️⃣5️⃣ How can you optimize CSS performance?

000

kolonatalie @kolonatalie.bsky.social · 14/11/2025

7️⃣ What’s the difference between ID and Class selectors? 8️⃣ How does CSS Specificity work? 9️⃣ What is Flexbox? 🔟 Difference between Flexbox and Grid?

100

kolonatalie @kolonatalie.bsky.social · 14/11/2025

Top HTML&CSS Questions for FRONTEND INTERVIEW: 1️⃣ What is HTML? 2️⃣ What are semantic tags in HTML? 3️⃣ What are forms and input types in HTML? 4️⃣ What are key features of HTML5? 5️⃣ How do you create an SEO-friendly HTML structure? 6️⃣ What is the Box Model in CSS?

100

kolonatalie @kolonatalie.bsky.social · 13/11/2025

👉🏻 Soft Skills (crucial, since they often balance a lack of tech experience): • Discipline & self-learning • Communication & empathy • Attention to detail • Problem-solving mindset • Time management ➕ A strong portfolio and solid interview skills👌🏻 That’s the standard I stick to🤌🏻 Anything you’d add?

020

kolonatalie @kolonatalie.bsky.social · 13/11/2025

The minimum viable professional level for a junior frontend developer: 👉🏻 Hard Skills: • HTML5 / CSS3 • JavaScript (ES6+) • React • TypeScript • Sass • Git • GitHub / GitFlow • REST API • English — B1 or higher

110

kolonatalie @kolonatalie.bsky.social · 21/08/2025

Built the classic random quotes page. ✔️ Frontend rite of passage complete. What’s the next cliché project? 😁 #frontend #javaScript #webdev #learningInPublic

Quote of the day web page made with vanilla JavaScript

140

kolonatalie @kolonatalie.bsky.social · 15/08/2025

Learning frontend is fun. I just made a button for a hypothetical website. Now, just a tiny detail: learn how to make the actual site. 🙈😅 #frontend #webdev #CantDoYetButTrying #learninginpublic #CSS

010

kolonatalie @kolonatalie.bsky.social · 14/08/2025

💛 My first portfolio page is live! A playground where I mixed design skills with fresh front-end tricks — CSS variables, radial-gradient backgrounds, fade-in animations, and more. 💡 Always learning, always building: kolonatalie.github.io/portfolio/ #frontend #webdev #CSS #HTML #LearningInPublic

000

kolonatalie @kolonatalie.bsky.social · 12/08/2025

Pastels are cute. Manually picking shades is not. So I built a gradient generator instead. Frontend studies: 1 Frustration: 0 #frontend #webdev #FrontendDev #CSS #JavaScript #WomenWhoCode #HTML #JuniorDev #CareerSwitchToCode #LearningInPublic #learningtocode #coding #frontenddeveloper

120

kolonatalie @kolonatalie.bsky.social · 08/08/2025

🔘 Overflow — like trying to shove too many clothes into a suitcase. Zipper decides. When your content is too much for the container, overflow decides what to do: ▪️visible: let it spill out ▪️hidden: chop it off ▪️scroll: add scrollbars ▪️auto: be smart about it #CantDoYetButTrying #frontend

010

kolonatalie @kolonatalie.bsky.social · 02/08/2025

I'm so happy I found this fun little web game to practice Flexbox! 24/24 levels — done 👌🏻🐸 I seriously love these frogs ❤️ flexboxfroggy.com #frontend #Flexbox #CSS #webDev #FrontendDev #LearnToCode

020

kolonatalie @kolonatalie.bsky.social · 02/08/2025

Full series collection is here: github.com/kolonatalie/...

Can’t Do Yet, But Trying - Collection of frontend concepts, explained like metaphors you'd actually remember.

010

kolonatalie @kolonatalie.bsky.social · 31/07/2025

Currently giving strong “I just learned a new word, mommy!” energy — Like: - Mooooom, look what I know! - Good job, sweetie! Here’s your chocolate, genius. 🍫

010

kolonatalie @kolonatalie.bsky.social · 31/07/2025

Today I came across a new concept in code for me – obfuscation.🙈 I googled it and I already have an awesome analogy, how to remember it: 🔘 Obfuscation is like taking a finished puzzle, then cutting each piece into random shapes. It’s still the same image… somewhere. #CantDoYetButTrying #frontend

110

kolonatalie @kolonatalie.bsky.social · 31/07/2025

🔘 Refactoring is like reorganizing your closet. You're not adding anything new – just tidying what's there: removing duplicates, organizing clothes (variables), putting out-of-season items (functions) where they belong. The goal? Making sure others (or you) can understand it. #CantDoYetButTrying

010

kolonatalie @kolonatalie.bsky.social · 30/07/2025

I’ve realized how confusing some frontend concepts can be. So I’m explaining it using simple analogies. Think: 🔘 z-index is like putting stickers on glass sheets. Whichever one’s higher in the stack, wins. This is part of my series: #CantDoYetButTrying — learning code one messy metaphor at a time

110

kolonatalie @kolonatalie.bsky.social · 29/07/2025

Junior frontend devs — what kind of tasks do you usually get at work? Mids & seniors, what do you pass down to your juniors? 😁 #webdev #frontend #junior

010

kolonatalie @kolonatalie.bsky.social · 26/07/2025

If you had to sum up yourself (or your life right now) in one sentence — what would it be? Mine: Artist at heart, coder in training.

010

kolonatalie @kolonatalie.bsky.social · 22/07/2025

Coding progress update: I can already joke about it. Does that mean I’ve reached the next level? 😁 #frontend #JavaScript #webdev #junior

020

kolonatalie @kolonatalie.bsky.social · 05/07/2025

That makes so much sense!! Thanks for the great insight!🙏🏻 Love this idea.

020

kolonatalie @kolonatalie.bsky.social · 04/07/2025

Thank you!🙏🏻 Yes, having a solid grasp of these things is essential. I’ll definitely focus on strengthening those skills. Really appreciate the insight — always great to hear what experienced devs look for!

000

kolonatalie @kolonatalie.bsky.social · 04/07/2025

Today's dilemma. Frontend edition. Should a dev’s portfolio be a Pixar-level animation show, with blinking buttons and a star-shaped cursor — or just a white screen saying: “I know flexbox. Leave me alone”? 😅 What’s your portfolio vibe? #frontend

210