johnny syntax @johnny_syntax

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

Tweets

259
Followers

49
Following

147
Likes

1

Himanshu @him_uiux

5 months ago

Anatomy of a high-converting pricing page

26 109 2K 172K 4K

Download Image

Namya @ Supafast @namyakhann

6 months ago

"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.

70 405 5K 480K 6K

Download Image

LN @ln_dev7

6 months ago

Grid Animation ✧

50 143 2K 98K 1K

Download Video

Chase Dimond | Email Marketing Nerd 📧 @ecomchasedimond

9 months ago

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

Chase Dimond | Email Marketing Nerd 📧 @ecomchasedimond

9 months ago

7 Ways to Use ChatGPT to Improve Your Copy: (With Simple Copy-and-Paste Examples) https://t.co/e6GdZqpOoC

10 33 182 147K 277

Download Image

16 88 408 115K 644

Download Image

Oliver Kenyon | CRO & Landing Pages @oliverkenyon

12 months ago

Anatomy of high-converting homepages: (Save this)

70 244 3K 488K 9K

Download Image

Namya @ Supafast @namyakhann

a year ago

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:

72 407 5K 718K 11K

Download Image

Nitish Khagwal @nitishkmrk

a year ago

inline edit interaction ⟢°

34 79 2K 127K 1K

Download Video

Nitish Khagwal @nitishkmrk

a year ago

disclosure inline delete interaction ⎯⟢°

59 123 2K 135K 1K

Download Video

Haz @diegohaz

4 years ago

Take note, guys!

28 199 2K 0 481

Download Gif

11 34 311 43K 51

UX Links @uxlinks

2 years ago

Excellent Guide to proper use of animation in UX / UI (mega thread) 🧵👇 by @skytskyi #ux #ui #uxdesign #uidesign #productdesign #motion #animation #usability #html #css #js #swiftui #mobile #webdevelopment #webdesign #appdesign #apple #android #design #userexperience

5 35 121 14K 86

Download Gif

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-…

54 600 3K 0 269

Santiago @svpino

3 years ago

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

111 1K 4K 0 2K

JavaScript Daily @JavaScriptDaily

3 years ago

scroll-snap: A Customizable Scroll Snap Implementation - github.com/lucafalasco/sc…

0 13 79 0 21

Smashing Magazine 🇺🇦 🏳️‍🌈 @smashingmag

4 years ago

Cash, a small jQuery alternative for modern browsers (IE11+) that provides jQuery-style syntax for manipulating the DOM. github.com/fabiospampinat…

1 5 35 0 12

CodyHouse @codywebhouse

4 years ago

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

2 47 275 0 58

Download Video

Steve Schoger @steveschoger

5 years ago

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

38 395 4K 0 1K

Download Video

Ahmad Shadeed @shadeed9

5 years ago

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…

8 40 217 0 87

Download Image

Addy Osmani @addyosmani

5 years ago

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.