Coding Maker @[email protected]
3.1K subscribers - no pronouns :c
Coding Maker is your ultimate platform to master Web Design,
Welcoem to posts!!
in the future - u will be able to do some more stuff here,,,!! like pat catgirl- i mean um yeah... for now u can only see others's posts :c
2M views on YouTube? 🎥
Cool.
500 followers on GitHub? 💻
Certified legend. 👑
That follow means:
“I read your code… and didn’t cry.” 😅
1 - 0
Quick CSS Tip: How font-variant-numeric Saved My Alignment (and My Sanity)
Recently at work, I got a seemingly simple task: display backend data nicely aligned in a table. Easy, right?
Well, not really. 😅
When I fetched the data, I got a big string of numbers and dates. On the screen, it looked like a chaotic dance of numbers—all uneven and misaligned. My OCD kicked in immediately. 😖
I asked my colleague (the wizard 🧙♂️ who always has a CSS trick up his sleeve), and he casually dropped this magical CSS property:
font-variant-numeric: tabular-nums;
This little line forces numbers to align vertically, giving each digit the same width, like monospace fonts, but only for numbers. Suddenly, chaos turned into harmony. 🎶
No more messy number dances—just neat, professional tables that your users (and your designer!) will thank you for. 🙌
Have you ever encountered this issue, or do you have other hidden CSS gems to share? Let’s chat below! 👇
1 - 0
Front-end Developer vs Back-end Developer: What's the Difference?
Post Content:
In the world of web development, both Front-end and Back-end developers play crucial roles — but their responsibilities are quite different!
Front-end Developer:
Focuses on the visual side of the website or app.
Works with HTML, CSS, JavaScript, React, Vue, Angular etc.
Creates everything users see and interact with — buttons, layouts, navigation, animations.
Back-end Developer:
Focuses on the server side — the engine that powers the application.
Works with Node.js, PHP, Python, Java, Ruby, databases like MySQL or MongoDB.
Handles databases, server logic, authentication, and API integrations.
In short:
Front-end = What you see
Back-end = How it works behind the scenes
Both are essential for building amazing websites and apps!
Which one do you prefer working with?
2 - 1
1 - 0
I'm a programmer but 😎
Today’s reality for programmers:
💻 AI tools for speed
📚 StackOverflow for inspiration
🛠️ ChatGPT for ideas
✍️ Human brain for real building
Yes, I use AI tools.
Yes, they are powerful.
But real programming starts when you close the tab and open your mind.
Because real programmers don't just assemble code,
they understand, create, and solve.
One day when the AI says:
⚠️ “Sorry, I have no suggestions.”
You'll need to say:
✅ “No problem, my brain is fully charged.”
Use AI as your flashlight 🔦, not as your eyes 👀.
Thinking is the real superpower. 🧠
Real programmers don’t fear AI.
They use it — but they also trust their own brain more. 🧠
Because coding isn’t just about writing syntax.
It’s about solving problems when no one — not even ChatGPT — has the answer. 🔥
Use AI as a tool,
Not as a crutch.
⚡ Why This Style Works:
Friendly, casual tone
Motivational but funny
Connects with both AI lovers and real coders
Shows self-respect for real skills
📢 Bonus Line You Can Add (optional):
"One day, when servers crash and clouds vanish,
Only real brains will code the next world."
😎
#Programmer #Coding #DeveloperLife #ThinkBeforeYouCode #BuildWithBrain #CodingMindset #ProblemSolver #AIDev #FutureCoder #RealDeveloper
2 - 0
I'm working on an exciting AI project! But I need your opinion—which one should I build first?
1 - 0
What we don't know about AbortController!
AbortController is a standard Javascript API that is very underrated and can be used to do multiple different tasks most of us know it because we usually use it for canceling fetch API calls but this API can be used for more than that!
As it is shown in the below code, you can pass the signal from the abort controller to cancel and remove event listeners, cancel API calls, add timeouts, and more, let's break it down as below:
1️⃣Cancel API calls
The fetch() function supports AbortSignal, once the abort event on the signal is emitted, the request promise returned from the fetch() function will be rejected, aborting the pending request.
2️⃣ Remove multiple event listeners
You can provide an abort signal when adding event listeners for it to be automatically removed once the abort happens.
3️⃣Add automatic timeout
You can use the AbortSignal.timeout() static method as a shorthand to create a signal that dispatches the abort event after a certain timeout duration has passed. No need to create an AbortController if all you want is to cancel a request after it exceeds a timeout.
4️⃣AbortSignal.any()
Similar to how you can use Promise.race() to handle multiple promises on a first-come-first-served basis, you can utilize the AbortSignal.any() static method to group multiple abort signals into one.
5️⃣Cancel Streaming
You can use AbortController and AbortSignal to cancel streams as well.
There are more advanced use cases for abort controller and signal in JavaScript and you can make everything abortable in JavaScript using this cool API.
You can read more about it in this article:
https://kettanaito.com/blog/dont-sleep-on-abort-controller
4 - 0
4 ways to Center a Div : https://medium.com/@mr.zouraiz1580/4-ways-to-center-a-div-2930ec82498a
4 - 0
🚀 Looking for a dynamic and creative web developer? 🌐
Check out my portfolio website, where I've showcased my skills in web development and design. Whether you're on mobile or desktop, see how smoothly it works!
💼 Visit my portfolio now: https://zouraiz.netlify.app
I'm always open to exciting projects and collaborations, so feel free to reach out if you need a stylish and functional website!
Let's connect and bring your ideas to life! 🔥
#Portfolio #WebDevelopment #WebDesign #UIUX #ResponsiveDesign #DeveloperLife #HireMe #ContactMe #Freelancer #HTML #CSS #JavaScript #LinkedIn
6 - 0
Coding Maker is your ultimate platform to master Web Design, Website Building, and UI Development with HTML5, CSS3, and JavaScript. Our tutorials are beginner-friendly, 100% free, and designed to help you become a professional Frontend Developer. Explore coding challenges, responsive designs, and step-by-step projects to enhance your skills. Don’t forget to subscribe and join us on this exciting journey into the world of coding! 💻✨