Please try and make sure to roast my skills well!
Posts by Surya!
It is built for modern React and works with infinitely many instances. It is incredibly tiny — only 1.9 KB for the design token system better than next-themes! It supports @nextjs.org as a first-class framework too!
github.com/thedevmystic...
#frontend #design #opensource
Happy to announce next-tokens — A modern replacement for next-themes! Works with multiple instances and built for the future of React.
I think we have all used "next-themes", it's fantastic but it neither supports multiple instances nor it is modern. So, I propose an alternative "next-tokens"!
Good time seeing ya'll. Time to pack up.
CEO of Anthropic said AI will replace developers in 6 months.
He said "AI will be able to most, maybe all of the work programmers do now."
www.hindustantimes.com/trending/us/...
Oo, It's make sense now. "in human control". Anyways, your situation was very relatable too. I also fumbles upon variable naming.
Gotta keep checking on you. So keep the good work up. Okay!
What do you mean by "in" human control???
Ruined my life with programming. Wole up until 3 a.m. and still did nothing.
What they did to my Mario 64. I swear it didn't looked like this 😭
It looks like some kind of horror game.
You know at first I thought it was the loading screen of pacman 😅
But great idea!
"The best designs are invisible." — Edward Tufte
Good things comes at cost, aren't they?
Made the initial sketch of settings panel with #React, #NextJS, and #FramerMotion.
#Devlog #BuildInPublic #Frontend
You never disappoint me, miss! Your arts are wonderful as always :)
That looks way too relatable. Are you stalking me? 😭
Good vid 👍! Surely gonna subscribe, HELL YEAH!
The Dev Mystic thedevmystic.substack.com?r=73oqfm&utm...
Hey guys!!! Follow me on Substack and dive deep into the software development tutorials and newsletter!
Mobile View
What do you say about the proportions?
Is it too much or too little?
"Developers spend 10 hours for things that never get noticed."
That's way too true. I don't think many would notice this animation but still. I spend a hour perfecting the animation.
Built it with #React, #NextJS, and #FramerMotion.
#WebDev #BuildInPublic #Frontend
Wow! Looks nice 👍
Finding about standard (common) test report format is a great milestone in itself.
Developer moment with proper sleep.
Proper sleep? We ain't heard about it in a while 😭
#Dev #DevMoments #Memes
Desktop View
Mobile View
"Good design is as little design as possible." — Dieter Rams
What do you say about the font scales?
I've made it modular and fluid, via #Utopia. Looks great to me, but any suggestions?
#WebDev #BuildInPublic #Frontend
Well, React itself is quite complex, you have to move through like a soldier in trenches if you want to use it, without losing your sanity. And state transitions are one of those tanks that you have to go through.
Yeah. And one thing I know for sure, web development is full of subtle bugs. There are always edge cases where you application would break. But you know, framer-motion handles "hover vs tap" smoothly and it's `useReducedMotion" hook is way to go for accessibility.
Yeah. Footers may simple at first glance. But without a well made footer, there is no well made website. Footers are the unsung heros of web development, aren't they?
Well tbh, as it was my first time, all animations gave me some troubles. Some subtle and some not so subtle.
Well that's the passage of development, isn't it?
If you like it stay tuned for more devlogs :)
I first go with simple CSS animation. Then I stumbled that, browsers "fake" the hover state on mobiles. All my previous hover animations are now just a bunch of trash. Then I moved to framer. My first time using it, that's why it was exceptionally difficult.
Thanks :)
Desktop View 1
Mobile View 1
Mobile View 2
"Designing a website's footer is easy."
WRONG 💀
This took way more time than I'd like to admit. But was worth the headache. That framer-motion just don't listen, man.
Built this baddie with #NextJS, #React and #TailwindCSS.
Do this need any more sprinkles or is it enough?
#WebDev #BuildInPublic
That's a lifesaver :D
ICE CREAM, OTHERWISE I SCREAM!!!
Beautiful :)
Us, humans always have found out how to discriminate against each other. Whether it was race, rich-poor, or anything. We have hurt many people because they are somewhat different from another people. But if we think, the main thing that is same is that, at the core, we all are human.