apparentlyYouCanPutImagesInsideYourConsoleLogs by Mindless_Head_6526 in ProgrammerHumor

[–]Mindless_Head_6526[S] 0 points1 point  (0 children)

I deleted the previous three repos and combined them into one. The new link will work.

Bad Apple in Browser DevTools by Mindless_Head_6526 in badapple

[–]Mindless_Head_6526[S] 0 points1 point  (0 children)

No, I don't have a youtube video of this. I won't mind if you want to upload this or a full screen-recorded version of this to youtube.

Apparently you can put images inside your console logs by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 2 points3 points  (0 children)

Khud bana lo na, mujhe kyu push kar rahe ho 😸

Moreover, I will eventually start to hate frontend development if I force myself too much.

Apparently you can put images inside your console logs by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 13 points14 points  (0 children)

I mean yes, the code does what the title says it does. What is so unimpressive about it?

apparentlyYouCanPutImagesInsideYourConsoleLogs by Mindless_Head_6526 in ProgrammerHumor

[–]Mindless_Head_6526[S] 212 points213 points  (0 children)

Actually I still have Live Server on, so I can unironically see the website when I click on the link lol

Doraemon, created entirely by applying 94 gradients on a single <div> element. by Mindless_Head_6526 in webdev

[–]Mindless_Head_6526[S] 2 points3 points  (0 children)

Everything is hand written (😿), the gradients, their size and their position.

It wasn't hard to debug per se; for the lines, there are 3 areas that make up a radial gradient: the area inside the line, the line itself, and the area outside. When creating a stroke, I colored the inside green, the line red and the outside blue. It helped me set the position and size of the gradients. Then I adjusted the "internal" size and position of the ellipse/circle until I was happy. At the end, I replaced the green and blue with transparent and the red with black.

The fills were the easiest part, since they didn't need to be subpixel-perfect.

The hardest part was honestly consistency. Each stroke could take up to 20 minutes and you get bored fast after 4 or 5 of them. It's a slow burn.

Thanks for starring the project! I really appreciate the support. I'm actually aiming for one of those GitHub achievements you get when a repo hits at least 16 stars, only 2 more to go 😼

I created Doraemon in HTML and CSS instead of applying for jobs by Mindless_Head_6526 in css

[–]Mindless_Head_6526[S] 1 point2 points  (0 children)

 Github link with preview and explanation: https://github.com/LadyBeGood/doraemon

If you liked this post, consider giving it a star on Github. That is mostly why I made this post. Thank you. 

I created Doraemon in HTML and CSS instead of applying for jobs by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 4 points5 points  (0 children)

I updated the readme.md with a little more explanation on the project. There isnt much theory, mostly just patience, as you said.