Hunor Márton Borbély Profile Banner
Hunor Márton Borbély Profile
Hunor Márton Borbély

@HunorBorbely

1,005
Followers
673
Following
199
Media
1,515
Statuses

Web developer for 10 years with an interest in UX design. Freelancer. I publish coding tutorials on YouTube, create demos on CodePen, and complain about bad UX.

Berlin
Joined July 2019
Don't wanna be here? Send us removal request.
Pinned Tweet
@HunorBorbely
Hunor Márton Borbély
9 months
Check out my collection of SVG tutorials, from the basics up to advanced concepts like animation and interactivity:
4
14
71
@HunorBorbely
Hunor Márton Borbély
8 months
@soren_iverson Imagine getting a job rejection like this: 👎
0
2
274
@HunorBorbely
Hunor Márton Borbély
4 years
@chriswelch Maybe iOS has some design guidelines? ^^
4
2
209
@HunorBorbely
Hunor Márton Borbély
4 years
New 3D game with physics on @CodePen . This one uses Three.js for graphics and Cannon.js for the physics simulation. 👉 #codepenchallenge #threejs #cannonjs #javascript
4
27
173
@HunorBorbely
Hunor Márton Borbély
4 years
First time joining #CodePenChallenge with a fading snake game, that goes from high contrast to no contrast if you are not quick enough: @CodePen #creativecoding #gamedev #javascript
2
26
106
@HunorBorbely
Hunor Márton Borbély
8 months
@daboigbae Yes and no. A boot camp won't make you a developer with the same knowledge as someone who studied it deeply. On the other hand, you barely need anything slightly more complicated than a for loop in day-to-day work. I'm exaggerating of course, but both sides make sense.
4
1
85
@HunorBorbely
Hunor Márton Borbély
7 months
@flornkm The second. The first one is smart, but not obviously a battery. The third one doesn’t obviously show the 50% charge
1
1
72
@HunorBorbely
Hunor Márton Borbély
9 months
I'm happy to announce that I published a new website for creative coders: . Learn what is behind the source code of an SVG and how to code fun little images step by step. (I'm still trying to figure out why the previews don't work on Twitter, any guesses?)
Tweet media one
2
17
66
@HunorBorbely
Hunor Márton Borbély
8 months
@GergelyOrosz Poor Sketch. It was market leading a while back
2
0
55
@HunorBorbely
Hunor Márton Borbély
3 years
Check out my latest Three.js game and its source code on @CodePen : 🎮🚙🚛🛻 Want to recreate it yourself? Check out my tutorial on it 📺 #threejs #gamedev #creativecoding #javascript #webdevelopment #learntocode #JavaScriptNews
1
10
42
@HunorBorbely
Hunor Márton Borbély
8 months
@GergelyOrosz Then Figma figured out how simplify collaboration and handover to developers in a browser. And how they did it is also crazy from a technological perspective. I guess Sketch being MacOS exclusive didn’t help that much despite designers mostly using Macs.
1
1
42
@HunorBorbely
Hunor Márton Borbély
3 years
Wow, freeCodeCamp translated one of my articles to Spanish. That’s awesome. Thank you! 🙏
@freeCodeCampES
freeCodeCamp.org en Español
3 years
¿Quieres construir un sitio web, pero hay muchas herramientas? Estás trabajando en JS ¿Qué necesitas para comenzar? En esta guía de JS @HunorBorbely te muestra, paso a paso, cómo configurar su proyecto de desarrollo front-end. Traducción por @DevJulio1
0
9
48
1
4
39
@HunorBorbely
Hunor Márton Borbély
3 years
Tweet media one
0
11
38
@HunorBorbely
Hunor Márton Borbély
4 years
For this week's #CodePenChallange , I wanted to recreate MC Escher's Cube 23150. I think I got pretty close 😁 Here's the original artwork and what I came up with. 🖼 #CSSArt literally: 👉 via @CodePen #css #creativecoding #frontend
Tweet media one
1
15
23
@HunorBorbely
Hunor Márton Borbély
7 months
@rickygervais Not winning eh? Would have been hilarious if you got on stage after the win. Just to casually roast a few people
1
0
22
@HunorBorbely
Hunor Márton Borbély
3 years
I uploaded my Three.js tutorial to Skillshare as a FREE course. Learn Three.js while building a 3D game with physics: via @skillshare #threejs #cannonjs #gamedev #creativecoding #javascript #webdevelopment #learntocode #JavaScriptNews #100DaysOfCode
Tweet media one
0
25
17
@HunorBorbely
Hunor Márton Borbély
8 months
@IroncladDev That’s a hilariously horrible idea
0
0
20
@HunorBorbely
Hunor Márton Borbély
3 years
My favourite thing today is that you can get the weather in your terminal if you type something like: curl #shell #bash #unix #terminal
Tweet media one
0
1
13
@HunorBorbely
Hunor Márton Borbély
4 years
Learn HTML Canvas while building a game in JavaScript. This tutorial covers drawing basics, quadratic beziers, arcs, animation, game logic, and even hit detection 🎮🎈🚀 👉 #html #canvas #javascript #learnjavascript #creativecoding #gamedev #learntocode
Tweet media one
0
13
12
@HunorBorbely
Hunor Márton Borbély
4 years
0
8
16
@HunorBorbely
Hunor Márton Borbély
8 months
@thekitze They actually made another studio and came out with Cocoon this year.
1
0
16
@HunorBorbely
Hunor Márton Borbély
4 years
Made an interactive logic gate simulator. One of those things you think you'll finish in a weekend, but then spend a month on it: #javascript #VueJS #SVG #electronics
Tweet media one
1
7
10
@HunorBorbely
Hunor Márton Borbély
8 months
@chfsrh Reminded me of this :)
Tweet media one
3
1
12
@HunorBorbely
Hunor Márton Borbély
8 months
Happy New Year you all :)
Tweet media one
4
0
11
@HunorBorbely
Hunor Márton Borbély
8 months
I saw many examples here on X that don't use Prettier and it drives my OCD crazy. Prettier is the industry standard code formatter that makes sure that your code not only works but is also readable by others. Here are 3 quick tips to get the most out of it 🧵
5
1
11
@HunorBorbely
Hunor Márton Borbély
8 months
You can inline an entire SVG in CSS. In many cases, an SVG feels like noise in HTML. An icon is more like styling than content. In this step, we learn how to use the background-image property to define an SVG in CSS and how to create background patterns
1
3
11
@HunorBorbely
Hunor Márton Borbély
8 months
@ilyamiskov That’s not real. They are not road legal in Europe
1
0
8
@HunorBorbely
Hunor Márton Borbély
3 years
@freeCodeCamp
freeCodeCamp.org
3 years
Putting together a 3D scene in the browser with Three.js is like playing with LEGOs. You put together some boxes, add lights and a camera, & Three.js renders the 3D image. In this tutorial @HunorBorbely helps you build a simple car with texture in 3D.
0
18
76
0
11
7
@HunorBorbely
Hunor Márton Borbély
8 months
The first 30 days of SVG Tutorial. The massive boost came from HackerNews; the second spike was the after-effects of that. Been featured in at least one newsletter and many blogs and link collections. Now it's down to a couple hundred daily visitors and I expect to fade away.
Tweet media one
0
0
7
@HunorBorbely
Hunor Márton Borbély
3 years
Check out my Vue.js course on Skillshare for free with the link below. We build a Minesweeper game while learning the fundamentals of Vue.js🚀🎉 #vue #vuejs #javascript #learnjavascript #webdevelopment #frontend #learntocode #JavaScriptNews #webdev
1
9
8
@HunorBorbely
Hunor Márton Borbély
8 months
6:30 in the morning. Kindle fully charged. 11 hours to Italy
Tweet media one
2
0
7
@HunorBorbely
Hunor Márton Borbély
5 years
I published my first article on CSS-Tricks. Picture unrelated :)
@css
CSS-Tricks
5 years
Using requestAnimationFrame with React Hooks
Tweet media one
2
19
82
1
0
7
@HunorBorbely
Hunor Márton Borbély
3 years
New tutorial out now! How to keep your code tidy with Prettier, avoid bugs with ESLint, add libraries with npm, and run your project with Parcel. ✌️ #learnjavascript #webdevelopment #learntocode #webdev #prettier #eslint #parcel #frontenddev #Codenewbie
Tweet media one
0
3
6
@HunorBorbely
Hunor Márton Borbély
8 months
An SVG image can also be generated from code. Using a frontend library like React makes it quite convenient to generate a diagram. Ever wondered how the D3 library generates those nice diagrams? Yes, they generate an SVG.
0
0
7
@HunorBorbely
Hunor Márton Borbély
8 months
I'm working on my first contribution to the Mozilla Developer Network documentation. Part of the process is to fork it and patch it on my local computer. Now I'm realizing how cool it is, that I can run the entire MDN docs without internet on my computer. It's only 826 MB.
0
1
7
@HunorBorbely
Hunor Márton Borbély
9 months
So I just posted on Hackernews and in an hour I got a notification from Vercel that the Analytics ran out of events in the free tier
Tweet media one
1
0
7
@HunorBorbely
Hunor Márton Borbély
3 years
My CodePen page quietly reached 1000 followers 🎉Check it out for fun frontend projects, JavaScript games, CSS sorcery, and much more!
0
1
6
@HunorBorbely
Hunor Márton Borbély
2 years
Today I spent some time finding a bug, just to realize the sort method doesn't work as I expected. Numbers are sorted alphabetically by default🤦
Tweet media one
2
0
7
@HunorBorbely
Hunor Márton Borbély
4 years
I uploaded one of my most popular tutorials to Skillshare as a FREE course. If you are learning JavaScript and want to see how to use HTML Canvas while building a game, then check it out: 👉 #creativecoding #gamedev #javascript #canvas #learnjavascript
0
5
6
@HunorBorbely
Hunor Márton Borbély
8 months
Throwback to three years ago. I got into 3D transformations with CSS and recreated an MC Escher painting
@HunorBorbely
Hunor Márton Borbély
4 years
For this week's #CodePenChallange , I wanted to recreate MC Escher's Cube 23150. I think I got pretty close 😁 Here's the original artwork and what I came up with. 🖼 #CSSArt literally: 👉 via @CodePen #css #creativecoding #frontend
Tweet media one
1
15
23
0
0
6
@HunorBorbely
Hunor Márton Borbély
8 months
You can not only move SVG properties to CSS, but you can even animate some. You can create a keyframe animation that changes the transform property. In this example the bell starts ringing on hover:
0
0
6
@HunorBorbely
Hunor Márton Borbély
7 months
I grew up on these streets
Tweet media one
@GaborPfalzer
Gabor
7 months
I grew up on these streets
Tweet media one
6
1
17
1
0
6
@HunorBorbely
Hunor Márton Borbély
8 months
Some of my goals this year: - 10K followers on YouTube, - Land freelance jobs or a regular job with 100K salary, - Gain a few kilograms of muscle, - Read at least a book every month, - Go down to zero inbox, - And write a journal every day. What's yours?
1
0
6
@HunorBorbely
Hunor Márton Borbély
4 years
Wow, I got my first award on Reddit today, for posting my latest video tutorial. Feels great! 🎉
Tweet media one
0
0
6
@HunorBorbely
Hunor Márton Borbély
4 years
Second time joining #CodePenChallenge with another game matching the topic of spacing. I was a bit late this time, because I also put together a video to YouTube on how I made the game: @CodePen #creativecoding #gamedev #javascript #canvas
0
8
5
@HunorBorbely
Hunor Márton Borbély
8 months
@speckydude_js Lol, Atom is not even a thing anymore
3
0
5
@HunorBorbely
Hunor Márton Borbély
3 years
It also took less than 30 hours to reach 1000 views on my latest video. The internet is amazing 🚀🎉🙏
0
0
5
@HunorBorbely
Hunor Márton Borbély
8 months
@girllovescoding Earlier I was full on SPA, but since I discovered Astro I realized most websites really don’t need to be a SPA. With server side rendering you get better performance, better SEO and with Astro it’s also easier to develop them.
2
0
6
@HunorBorbely
Hunor Márton Borbély
4 years
This week the topic of #CodePenChallenge is unity. So I came up with a game, where you have to get together every ball in a maze: 👉 @CodePen #creativecoding #gamedev #javascript #frontend
1
5
5
@HunorBorbely
Hunor Márton Borbély
8 months
All right, thank you for tuning in. With the last piece of the SVG Tutorial, I wish you a happy holiday season, and then I retire this project until next year. See you soon with other stuff :)
0
0
5
@HunorBorbely
Hunor Márton Borbély
9 months
So is 3rd most trending right now on HackerNews. This is super awesome
Tweet media one
3
0
5
@HunorBorbely
Hunor Márton Borbély
7 months
Throwback to when I was the CIO on a project with 3 people in total. Now I had to look up, what does even CIO mean.
Tweet media one
@EarnWhere
Earn is coding
8 months
Having the title of CEO in a 1-2 person company is hilarious to me.
112
31
473
1
0
5
@HunorBorbely
Hunor Márton Borbély
8 months
@soren_iverson This could be a real feature. Along with, "I'm high, give me something nice and slow"
0
0
5
@HunorBorbely
Hunor Márton Borbély
3 years
After taking some time off I'm open to freelance jobs. I'm a senior full-stack web developer focused on frontend with a deep understanding of React and Vue. Check out the various things I do on my website: #jobsearch #devjobs #webjobs #developerjobs
Tweet media one
0
1
5
@HunorBorbely
Hunor Márton Borbély
8 months
Combining SVGs with JavaScript doesn't stop with manipulating SVG elements from code. You can also add event handlers to individual SVG elements. So if you need an image, that has interactive parts then you can do that with JavaScript
0
0
5
@HunorBorbely
Hunor Márton Borbély
4 years
In 3 days my last tutorial on Three.js and Cannon.js reached a thousand views, became my most liked video, and got me 100+ new subscribers. I'm super glad it found it's audience 🎉 #threejs #cannonjs #javascript #creativecoding
0
5
4
@HunorBorbely
Hunor Márton Borbély
1 year
Making sense of TypeScript using set theory by @thoughtspile
0
0
5
@HunorBorbely
Hunor Márton Borbély
3 years
Learn SVG with 24 festive examples! I made a quick video introduction on SVGs from basic shapes, to curves and some more advanced examples. 👉
Tweet media one
0
1
5
@HunorBorbely
Hunor Márton Borbély
8 months
A couple of you asked why would anyone code an SVG? There are designer tools for that. For the most part that's true. But it opens up a whole new world when you combine SVGs with JavaScript. In this example, we create a clock that shows the actual time
0
0
5
@HunorBorbely
Hunor Márton Borbély
4 years
Check out my latest game on @codepen . This one is based on the card game Set and it's rather challenging at first. 👉 #codepenchallenge #creativecoding #reactjs #svg
0
5
4
@HunorBorbely
Hunor Márton Borbély
8 months
@astralwave While highly interactive web apps are obviously more responsive with client side rendering (or hydrated or something) most of the web is boringly static. I also just started realizing that for a lot of my projects I really don’t need client side rendering. And with server side
0
0
5
@HunorBorbely
Hunor Márton Borbély
4 years
@Carlillo Wait, React has only 159k. Vue is leading for a while now. And yes, Vue is my favourite 🤓
0
0
5
@HunorBorbely
Hunor Márton Borbély
8 months
We can also create a snowing animation within an SVG image by animating the snowflakes in CSS:
0
0
3
@HunorBorbely
Hunor Márton Borbély
8 months
@xtrxx @prolibusz Ugyanmár, ki megy boltba ilyen időben ha házhoz viszik
0
0
2
@HunorBorbely
Hunor Márton Borbély
3 years
Got to the phase when I'm refreshing my YouTube page every 10 minutes. Who's going to be the 1000th subscriber? Maybe you?
Tweet media one
2
0
3
@HunorBorbely
Hunor Márton Borbély
9 months
I started building a site with Astro for the first time. So far it's very smooth. I start to get the hype around it :)
1
0
4
@HunorBorbely
Hunor Márton Borbély
8 months
@nicben_ Not bad, maybe you should start a cult
1
0
4
@HunorBorbely
Hunor Márton Borbély
2 years
@TheJackForge Someone once told me she likes Android better because it’s so bad and slow, that as a consequence she’s wasting way less time on her phone since she got one.
2
0
4
@HunorBorbely
Hunor Márton Borbély
8 months
If you are wondering how is it in Italy, today I climbed up to the tower of an abandoned castle somewhere in the Alps. More on that in my Instagram stories:
1
0
4
@HunorBorbely
Hunor Márton Borbély
4 years
I'll be sharpening my Vue skills during Vue Mastery's free week. Don't miss out on these free Vue.js courses. via @vuemastery
0
0
4
@HunorBorbely
Hunor Márton Borbély
4 years
I love this. Vue is considering adding syntactic sugar to simplify code, and while that's a step away from standard JS, it would be a huge step forward for non-dev people who just want to patch together a website. Here's my take on it: #VueJS #javascript
0
6
4
@HunorBorbely
Hunor Márton Borbély
3 years
A few hours ago I googled how to climb the Mont Blanc. Now I a flight ticket and the hut reservation for next week
2
0
3
@HunorBorbely
Hunor Márton Borbély
4 years
I only started my YouTube channel three weeks ago, and today I reached the first 100 subscribers. Thank you so much 🙏 Check it out if you haven't done so: #javascript #learnjavascript #creativecoding #gamedev #vuejs
Tweet media one
1
4
3
@HunorBorbely
Hunor Márton Borbély
9 months
On day 7 of the SVG Tutorial, we learn how to use the transform property to rotate image elements and draw a star shape: #svg #AdventOfCode #100DaysOfCode #WebDevelopment #CodeNewbie #LearnToCode #FrontEnd
Tweet media one
1
0
5
@HunorBorbely
Hunor Márton Borbély
10 months
This Apple event could have been an email
0
0
4
@HunorBorbely
Hunor Márton Borbély
3 years
Almost missed, that my traffic run game was featured in last weeks CodePen newsletter:
Tweet media one
0
0
4
@HunorBorbely
Hunor Márton Borbély
8 months
@thejorgemedina @loganthorneloe Ah, I was wondering for a bit, how you got the image bigger, then I read the rest of the post. Super cool! Also, how did you make this screenshot? Is it a tool like Carbon, or is it also custom?
1
0
3
@HunorBorbely
Hunor Márton Borbély
9 months
My next YouTube tutorial is going to cover a remake of the 1991 classic game Gorillas with plain JavaScript. The game will feature destructible buildings, bright and dark modes, and even computer logic, so you can play it against the computer. Stay tuned! 💣🦍
Tweet media one
1
1
4
@HunorBorbely
Hunor Márton Borbély
8 months
@prolibusz Berlinben gyakorlatilag az
1
0
3
@HunorBorbely
Hunor Márton Borbély
3 years
I’m going to talk this year at codebar Festival. Join in! 🎙
@codebar
codebar
3 years
Up next we have @HunorBorbely with his talk Stand Out From The Crowd With Online Presence. He'll chat about the different things you can do online to stand out in your job applications whether it's via CodePen, blogposts, YouTube ETC. 🎟
Tweet media one
1
0
0
0
1
4
@HunorBorbely
Hunor Márton Borb��ly
3 years
Guess who's YouTube channel just reached the 2000 subscribers milestone? Yep, thank you all for your support! More videos coming as the winter season is coming! Check it out for web development tutorials👇
Tweet media one
1
0
3
@HunorBorbely
Hunor Márton Borbély
8 months
@chfsrh I just love the fact that there’s a mate tea emoji for instance 🧉. Or this cute pork nose 🐽
1
0
4
@HunorBorbely
Hunor Márton Borbély
8 months
As the ultimate drawing challenge with SVG, we draw a bear. We use circles, rectangles with rounded corners, and different Bézier curves and we move as many properties to CSS as possible:
0
0
4
@HunorBorbely
Hunor Márton Borbély
8 months
@eloffd With the first job I was lucky I guess. Went straight to a paid internship after university. For the second I built up a portfolio of hobby projects on CodePen
1
0
3
@HunorBorbely
Hunor Márton Borbély
4 years
Finally, I put together my first YouTube video on how to make a Snake game with #javascript 🎉 If you know anyone who is interested in deep dives on CodePen projects, please share it with them. #learnjavascript #createtivecoding #css #learnprogramming
0
3
3
@HunorBorbely
Hunor Márton Borbély
3 years
It's time for SVG! New SVG + JavaScript tutorial coming up next week on my YouTube channel! We go in-depth with some of the trickier SVG properties, then add JavaScript for animation and event handling! Watch out!
Tweet media one
1
0
4
@HunorBorbely
Hunor Márton Borbély
5 years
I had some trouble recently with how to use requestAnimationFrame with @reactjs hooks. Here's what I ended up with:
0
0
4
@HunorBorbely
Hunor Márton Borbély
8 months
The Arc To command in SVG has seven different parameters. They can be quite confusing at first, but if you only want to draw a half circle, most of them you can ignore. Here's how to use it to draw a candy:
1
1
4
@HunorBorbely
Hunor Márton Borbély
3 years
A bit after three months, my Youtube channel reached the 500 Subscribers Milestone! 🏆 🎉
4
0
3
@HunorBorbely
Hunor Márton Borbély
4 years
I published my first article on freeCodeCamp on how to draw a box with Three.js. Check it out!
@freeCodeCamp
freeCodeCamp.org
4 years
If you've ever built a game in JavaScript, you've likely come across Three.js. It's a library that lets you render 3D graphics in the browser. In this article @HunorBorbely teaches you the basics by drawing a box (it's more complex than it sounds!).
2
27
113
1
1
4
@HunorBorbely
Hunor Márton Borbély
3 years
Today I managed to almost flood the kitchen and turn on the smoke detector at the same time. My cooking skills are on fire (and water).
0
0
4
@HunorBorbely
Hunor Márton Borbély
4 years
VS Code is coming to the browser 😲 Which also means that you can also work on an iPad:
@notdetails
Joel Califa @ Config
4 years
People have been asking about using Codespaces on the iPad. Here's what it looks like:
67
382
2K
0
1
3
@HunorBorbely
Hunor Márton Borbély
8 months
Good morning!
Tweet media one
0
0
3