kolonatalie
@kolonatalie.bsky.social
Frontend Engineer (in progress)
Learning in public: HTML/CSS/JavaScript , React, TypeScript, Sass.
Unique edge: 5+ years in AR/3D content creation. I solve design-to-code gaps.
Career switcher
https://kolonatalie.github.io/portfolio/
Learning in public: HTML/CSS/JavaScript , React, TypeScript, Sass.
Unique edge: 5+ years in AR/3D content creation. I solve design-to-code gaps.
Career switcher
https://kolonatalie.github.io/portfolio/
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?
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?
November 14, 2025 at 1:05 PM
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?
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?
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
👉🏻 Hard Skills:
• HTML5 / CSS3
• JavaScript (ES6+)
• React
• TypeScript
• Sass
• Git
• GitHub / GitFlow
• REST API
• English — B1 or higher
November 13, 2025 at 4:30 PM
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
👉🏻 Hard Skills:
• HTML5 / CSS3
• JavaScript (ES6+)
• React
• TypeScript
• Sass
• Git
• GitHub / GitFlow
• REST API
• English — B1 or higher
Built the classic random quotes page.
✔️ Frontend rite of passage complete.
What’s the next cliché project? 😁
#frontend #javaScript #webdev #learningInPublic
✔️ Frontend rite of passage complete.
What’s the next cliché project? 😁
#frontend #javaScript #webdev #learningInPublic
August 21, 2025 at 12:45 AM
Built the classic random quotes page.
✔️ Frontend rite of passage complete.
What’s the next cliché project? 😁
#frontend #javaScript #webdev #learningInPublic
✔️ Frontend rite of passage complete.
What’s the next cliché project? 😁
#frontend #javaScript #webdev #learningInPublic
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
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
August 15, 2025 at 3:48 PM
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
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
💛 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
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
August 14, 2025 at 2:45 PM
💛 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
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
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
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
August 12, 2025 at 2:52 PM
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
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
🔘 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
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
August 8, 2025 at 12:34 PM
🔘 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
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
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
24/24 levels — done 👌🏻🐸
I seriously love these frogs ❤️
flexboxfroggy.com
#frontend #Flexbox #CSS #webDev #FrontendDev #LearnToCode
August 2, 2025 at 9:05 PM
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
24/24 levels — done 👌🏻🐸
I seriously love these frogs ❤️
flexboxfroggy.com
#frontend #Flexbox #CSS #webDev #FrontendDev #LearnToCode
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
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
July 31, 2025 at 1:36 PM
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
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
🔘 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
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
July 31, 2025 at 11:47 AM
🔘 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
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
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
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
July 30, 2025 at 8:33 PM
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
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
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.
Mine:
Artist at heart, coder in training.
July 26, 2025 at 3:55 AM
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.
Mine:
Artist at heart, coder in training.
Coding progress update: I can already joke about it.
Does that mean I’ve reached the next level? 😁
#frontend #JavaScript #webdev #junior
Does that mean I’ve reached the next level? 😁
#frontend #JavaScript #webdev #junior
July 22, 2025 at 4:55 PM
Coding progress update: I can already joke about it.
Does that mean I’ve reached the next level? 😁
#frontend #JavaScript #webdev #junior
Does that mean I’ve reached the next level? 😁
#frontend #JavaScript #webdev #junior
{⚔️} Day 13 of #CSSBattleDaily streak: Jul 5 — 613.7 score / 354 chars cssbattle.dev/play/9pmoNJO... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
July 5, 2025 at 8:54 PM
{⚔️} Day 13 of #CSSBattleDaily streak: Jul 5 — 613.7 score / 354 chars cssbattle.dev/play/9pmoNJO... #CSSBattleChallenge via @cssbattle.dev
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
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
July 4, 2025 at 4:16 PM
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
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
{⚔️} Day 12 of #CSSBattleDaily streak: Jul 4 — 607.17 score / 422 chars cssbattle.dev/play/lj2GGgG... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
July 4, 2025 at 1:39 PM
{⚔️} Day 12 of #CSSBattleDaily streak: Jul 4 — 607.17 score / 422 chars cssbattle.dev/play/lj2GGgG... #CSSBattleChallenge via @cssbattle.dev
{⚔️} Day 10 of #CSSBattleDaily streak: Jul 2 — 608.19 score / 408 chars cssbattle.dev/play/qoEpGLP... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
July 2, 2025 at 2:30 PM
{⚔️} Day 10 of #CSSBattleDaily streak: Jul 2 — 608.19 score / 408 chars cssbattle.dev/play/qoEpGLP... #CSSBattleChallenge via @cssbattle.dev
I'm now a 6 kyū yellow belt on @codewars.bsky.social !
Come join me #codewarriors!
codewars.com/r/uyQQaA
Come join me #codewarriors!
codewars.com/r/uyQQaA
Codewars - Achieve mastery through coding practice and developer mentorship
A coding practice website for all programming levels – Join a community of over 3 million developers and improve your coding skills in over 55 programming languages!
codewars.com
July 1, 2025 at 2:42 PM
I'm now a 6 kyū yellow belt on @codewars.bsky.social !
Come join me #codewarriors!
codewars.com/r/uyQQaA
Come join me #codewarriors!
codewars.com/r/uyQQaA
Celebrating a little win — created this figure with just 275 characters of CSS! 😍 That’s my smallest code yet in the #CSSBattleChallenge via @cssbattle.dev👌🏻
Jul 1 — 629.09 score / 275 chars cssbattle.dev/play/EcElU81...
Jul 1 — 629.09 score / 275 chars cssbattle.dev/play/EcElU81...
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
July 1, 2025 at 12:32 PM
Celebrating a little win — created this figure with just 275 characters of CSS! 😍 That’s my smallest code yet in the #CSSBattleChallenge via @cssbattle.dev👌🏻
Jul 1 — 629.09 score / 275 chars cssbattle.dev/play/EcElU81...
Jul 1 — 629.09 score / 275 chars cssbattle.dev/play/EcElU81...
Jun 30 — 601.08 score / 621 chars
{⚔️} Day 8 of #CSSBattleDaily
cssbattle.dev/play/MDtNGE9... #CSSBattleChallenge via @cssbattle.dev
{⚔️} Day 8 of #CSSBattleDaily
cssbattle.dev/play/MDtNGE9... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
June 30, 2025 at 2:16 PM
Jun 30 — 601.08 score / 621 chars
{⚔️} Day 8 of #CSSBattleDaily
cssbattle.dev/play/MDtNGE9... #CSSBattleChallenge via @cssbattle.dev
{⚔️} Day 8 of #CSSBattleDaily
cssbattle.dev/play/MDtNGE9... #CSSBattleChallenge via @cssbattle.dev
{⚔️} Day 6 of #CSSBattleDaily streak: Jun 28 — 604.05 score / 482 chars cssbattle.dev/play/b1PeaEW... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
June 28, 2025 at 8:16 PM
{⚔️} Day 6 of #CSSBattleDaily streak: Jun 28 — 604.05 score / 482 chars cssbattle.dev/play/b1PeaEW... #CSSBattleChallenge via @cssbattle.dev
While solving a task on @codewars.bsky.social today, I remembered the good old Triangle Inequality Theorem — the sum of the lengths of any two sides of a triangle must be greater than the length of the third side.
Not sure who else needs this, but I’m leaving it here just in case.😁
Not sure who else needs this, but I’m leaving it here just in case.😁
June 27, 2025 at 5:48 PM
While solving a task on @codewars.bsky.social today, I remembered the good old Triangle Inequality Theorem — the sum of the lengths of any two sides of a triangle must be greater than the length of the third side.
Not sure who else needs this, but I’m leaving it here just in case.😁
Not sure who else needs this, but I’m leaving it here just in case.😁
{⚔️} Day 5 of #CSSBattleDaily streak: Jun 27 — 624.5 score / 293 chars cssbattle.dev/play/0jHOqAn... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
June 27, 2025 at 3:07 PM
{⚔️} Day 5 of #CSSBattleDaily streak: Jun 27 — 624.5 score / 293 chars cssbattle.dev/play/0jHOqAn... #CSSBattleChallenge via @cssbattle.dev
{⚔️} Day 3 of #CSSBattleDaily streak: Jun 26 — 596.88 score / 658 chars cssbattle.dev/play/i4qDcCU... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
June 26, 2025 at 6:50 PM
{⚔️} Day 3 of #CSSBattleDaily streak: Jun 26 — 596.88 score / 658 chars cssbattle.dev/play/i4qDcCU... #CSSBattleChallenge via @cssbattle.dev