johnny_syntax's profile picture. Full Stack web developer building websites and web-apps using a variety of open source tools and techniques.

johnny syntax

@johnny_syntax

Full Stack web developer building websites and web-apps using a variety of open source tools and techniques.

johnny syntax reposted

Excellent Cheatsheet to Unlock the Secrets of a High Converting Pricing Page 🙌 FREE Cheatsheet attached 🔖 #UX #UI #UXDesign #UIDesign #ProductDesign

uxlinks's tweet image. Excellent Cheatsheet to Unlock the Secrets of a High Converting Pricing Page 🙌 

FREE Cheatsheet attached 🔖 

#UX #UI #UXDesign #UIDesign #ProductDesign

johnny syntax reposted

"Learn More" is not a CTA. Neither is: • "Get Started" • "Discover More" • "See How It Works" Strong CTAs align with user intent, brand narrative and sell the next step.

namyakhann's tweet image. "Learn More" is not a CTA.

Neither is:

• "Get Started"
• "Discover More"
• "See How It Works"

Strong CTAs align with user intent, brand narrative and sell the next step.

johnny syntax reposted

Grid Animation ✧


johnny syntax reposted

7 Ways to Use ChatGPT to Improve Your Copy: (With Simple Copy-and-Paste Examples)

ecomchasedimond's tweet image. 7 Ways to Use ChatGPT to Improve Your Copy:

(With Simple Copy-and-Paste Examples)

5 Persuasive Copywriting Lessons: (bookmark this)

ecomchasedimond's tweet image. 5 Persuasive Copywriting Lessons:

(bookmark this)


johnny syntax reposted

Anatomy of high-converting homepages: (Save this)

oliverkenyon's tweet image. Anatomy of high-converting homepages:

(Save this)

johnny syntax reposted

I've designed more landing pages in the past 5 months than in the last 5 years combined. Here are 9 key sections for a high-converting SaaS landing page:

namyakhann's tweet image. I've designed more landing pages in the past 5 months than in the last 5 years combined.

Here are 9 key sections for a high-converting SaaS landing page:

johnny syntax reposted

inline edit interaction ⟢°


johnny syntax reposted

disclosure inline delete interaction ⎯⟢°


johnny syntax reposted

Take note, guys!

🔴 Annoying sub-menus 🔵 and how to fix them.



johnny syntax reposted

johnny syntax reposted

Fresh is a new full stack web framework for Deno. It sends zero JavaScript to the client by default and has no build step. Today we are releasing the first stable version of Fresh. 🍋🚀 deno.com/blog/fresh-is-…


johnny syntax reposted

10 lessons I learned from a brilliant software engineer. For over ten years, I shared a keyboard with him, and here are the things that stuck with me: 1 of 11


johnny syntax reposted

⚡️ Quick CSS tip: You can disable iOS double-tap zoom on specific elements using the touch-action property: .btn { touch-action: manipulation; }


johnny syntax reposted

💡 Looking for mobile menu ideas for your next project? Here's a simple visual reference that demonstrates some of my favorite patterns 👉


johnny syntax reposted

When I need to see how a design looks across different screen sizes, my favorite tool is the Responsive Viewer extension for Chrome by @SolaimanKmail. ✅ It's free ✅ Sync scrolling and clicks ✅ You can take a screenshot Check it out: chrome.google.com/webstore/detai…

shadeed9's tweet image. When I need to see how a design looks across different screen sizes, my favorite tool is the Responsive Viewer extension for Chrome by @SolaimanKmail.

✅ It's free
✅ Sync scrolling and clicks
✅ You can take a screenshot

Check it out: chrome.google.com/webstore/detai…

johnny syntax reposted

CSS centering techniques vs. their resilience to change: bit.ly/centeringcss a great visual write-up by @argyleink covering trade-offs centering with Grid, Flexbox & others.


johnny syntax reposted

💡 3 responsive typography techniques ✔ media query ✔ clamp() ✔ CSS custom properties #codyhousenugget


johnny syntax reposted

TIL CSS "background-repeat: round" bit.ly/bgroundtips ~ repeats background images without clipping ✂️


Loading...

Something went wrong.


Something went wrong.