Maham | Software Engineer
237 posts
Maham | Software Engineer
@codexmaham
Open to work for design agency partnerships! Turning your Figma designs into responsive sites in 2-5 days. Let's collab to wow clients. DM for chat!⚡️
Remote انضم Ağustos 2017
268 يتبع560 المتابعون
Clients don’t pay for lines of code.
They pay for predictable delivery & zero surprises.
English
Frontend debugging trick:
If something looks broken →
Inspect computed styles, not just class names.
English
Tailwind mistake:
Using random mt-7, px-11 values.
Design systems break when spacing isn’t intentional.
English
If a function does more than one thing →
Split it.
English
CSS pro-tip:
Use :where() to group selectors with zero specificity cost.
Cleaner CSS, fewer overrides.
English
Anyone can “convert a design.”
A real frontend dev converts it without breaking performance, accessibility, or scalability.
English
Use :focus-visible instead of :focus.
Keyboard users get accessibility mouse users don’t get ugly outlines.
English
Tailwind truth:
Utility classes don’t make code messy.
Inconsistent spacing does.
English
React mistake I see a lot:
Putting heavy logic inside JSX.
Move it out. JSX should stay readable, not smart.
English
Frontend performance tip:
Fonts block rendering.
and your page paints faster.
English
Memoize expensive components with React.memo.
Not everywhere only where re-renders actually hurt.
English
CSS layout rule:
If you’re fighting margins…
You probably chose the wrong layout system.
Flex ≠ Grid. Pick wisely.
English
When you see nested callbacks →
Switch to async/await.
English
Good frontend isn’t about “knowing everything.”
It’s about knowing what breaks,
and making sure it never breaks again.
English
Use container mx-auto for perfect centered layouts.
90% landing pages start with this.
English
If props are passing 4–5 levels deep →
You don’t need Redux.
You need Context API.
English
If you're checking too many conditions →
Use an object lookup instead of long if/else.
English
Use md: and lg: breakpoints early while coding.
Don’t wait till the end…
That’s how responsive design breaks.
English