font-display: swap causes layout shift — you see text jump when the font loads.

what actually worked better for us: preload the font + font-display: optional. browser uses it if it loads fast, falls back silently if not.

zero layout shift, faster first contentful paint. works better on slow connections too.

questions I ask before recommending a CMS vs static site:

- how often does content change? (weekly = CMS, monthly = consider static)
- who's updating it? (non-devs need a CMS they can actually use)
- is it an app or a site? (apps need dynamic infra; brochure sites often don't)

getting this wrong adds years of unnecessary complexity.

every API integration we build has a fallback mode now.

if the third-party API times out, the site shows cached data or a graceful empty state. no broken widgets, no blank sections.

learned this after a client's booking widget took down their entire homepage for three hours because one external API returned a 504.

spent a weekend building a dark mode for a client site. ended up overhauling our entire theming system.

now the full site theme — colors, spacing scale, border radii — lives in ~25 CSS custom properties. swapping the whole look is a config change, not a design rebuild.

the upfront cost was real. the maintenance cost is near zero.

elementor's default breakpoints (1024/768/480) don't match real browsing patterns.

we updated three client sites to 1366/1024/768/390 after pulling their analytics. the 1024px breakpoint was causing layout issues on most modern tablets.

if your elementor site looks off on iPads, your breakpoints are probably the issue — not the design.

Freelance pricing lesson I learned the hard way:

Don't charge by the hour. Charge by the outcome.

"$50/hr for 40 hours" = client watches the clock
"$2,000 for a complete landing page" = client watches the result

Same money. Completely different relationship.

The client doesn't care how long it takes. They care that it works, looks great, and converts.

#freelance #webdev #buildinpublic

Before you hire a web developer, check if they can explain:

1. How they handle responsive images (srcset vs CSS)
2. Their approach to page speed (CLS, LCP, FID)
3. Whether your site works without JavaScript
4. Their backup/version control strategy

If they can't answer these confidently, keep looking.

#WebDev #FreelanceTips #HireADeveloper

WordPress + Elementor responsive tip that took me way too long to learn:

The three breakpoints (desktop/tablet/mobile) inherit DOWN, not up. If you set a font size on tablet, mobile inherits it — but desktop doesn't.

So always start styling desktop first, then override on tablet, then mobile.

Saves hours of debugging "why did my mobile styles break desktop?"

#WordPress #Elementor #WebDev #CSS

Quick JavaScript debugging trick:

Instead of console.log(myVar), try:

console.log({myVar})

It wraps the value in an object with the variable name as key. So instead of seeing:

> 42

You see:

> {myVar: 42}

Saves so much time when you're logging multiple values. Works in every browser.

#JavaScript #WebDev #CodingTips