John Allsopp
@johnfallsopp.com
1.3K followers 840 following 730 posts
Great grand father of responsive web design. Web Daoist. Organiser of the Web Directions conferences webdirections.org Built the streaming service for conferences conffab.com post clips to Bluesky from any webpage webdirections.org/bluesky-poster
Posts Media Videos Starter Packs
Reposted by John Allsopp
jhey.dev
cursor tracking on 3D CSS surfaces 👨‍🍳

inverse projection mappin' to calculate proximity in 3D space and apply an eased 0-1 value 🤙

the key: measuring the 4 corners, check the reveal 👇

(ideal for 2D canvas w/ 3D transforms)
Reposted by John Allsopp
adactio.com
Journal: Simplify

Reminding myself just how much you can do with CSS these days.

🔗https://adactio.com/journal/22178
Reposted by John Allsopp
thisismissem.social
So you might know my work, to support me doing that I need about €60-70k per year.

Year to date, I've received €17,150 in financial support from the community, and €11,400 from NLNet grants. So a total of €28,550.

Add in whatever freelance work I've been able to pick up and it maybe bumps to €36k
Reposted by John Allsopp
jono.id
I’ve been investigating dead websites for years.

Same symptoms every time - bloated code, missing structure, too many dependencies and not enough care.

It’s not murder. It’s neglect.

And it’s everywhere.

www.jonoalderson.com/misc/the-dea...
The death of a website
The call came in after midnight. Another site down. Same pattern. Same rot. Somebody’s killing the web, and nobody’s talking.
www.jonoalderson.com
Reposted by John Allsopp
docbaty.bsky.social
This is a great case study in systems design and thoughtful interventions.
brenttoderian.bsky.social
“When streets became calmer & safer, more people felt comfortable trying a bike commute for the first time. Families began pedaling to the park…Local businesses saw new life…And cycling stopped feeling like a niche activity—it became part of everyday Parisian life.”

Via @momentummag.bsky.social
New Study Shows How Paris Pedaled Its Way to a Cycling Revolution
Cycling through central Paris meant weaving between buses and scooters—a bold choice reserved for the fearless few.
momentummag.com
johnfallsopp.com
The agentic web is here: AI assistants browsing, buying, and acting without humans. Is your WordPress site ready? #AI #WordPress #AgenticWeb

Robert Li at Next 25 bit.ly/47WXaWa
Banner for conference presentation. Text reads Robert Li Adapting your WordPress Site to AI Enqueue 2025 Sydney November
johnfallsopp.com
AI can support independence and improve access—or it can reinforce ableism and exclusion. Sarah Pulis shows how to ensure your AI works for everyone.

Sarah Pulis at Next 25 bit.ly/4ngZgFf
Banner for conference presentation. Text reads Sarah Pulis Responsible Intelligence: Ethics, AI, and Equitable Product Design Next 2025 Sydney November
johnfallsopp.com
Lost in translation between Figma and code? Mandy Michael shows how to build a shared vocabulary that actually sticks #DesignSystems #DevSummit25

Mandy Michael at Dev Summit 25 bit.ly/41V0GN7
Banner for conference presentation. Text reads Mandy Michael Developing a Shared Language for Designers and Engineers Eng AI 2025 Sydney Sept 12
Reposted by John Allsopp
elle-geraghty.bsky.social
Can't wait to hear from you @katjaforbes.bsky.social
johnfallsopp.com
What happens when the customer is code and loyalty is algorithmic? Katja Forbes explores how to design experiences for AI agents making autonomous purchases.

Katja Forbes at Next 25 bit.ly/4ncEu9w
Banner for conference presentation. Text reads Katja Forbes Machines Are Customers Too Next 2025 Sydney November
Reposted by John Allsopp
elle-geraghty.bsky.social
Aubrey is such a great speaker - this one is not to be missed!
johnfallsopp.com
Every company is becoming an AI company. The risks are expanding as fast as the opportunities. Aubrey Blanche delivers practical tools for responsible AI you can implement today.

Aubrey Blanche at Next 25 bit.ly/47PbG2f
Banner for conference presentation. Text reads Aubrey Blanche Building AI, Responsibly Next 2025 Sydney November
johnfallsopp.com
Major platform shift alert! Rupert Manfredi (@Unternet) explores how AI clients will displace the web and why this must develop in the open #PlatformShift #AI #DevSummit25

Rupert Manfredi at Dev Summit 25 bit.ly/42xjrGm
Banner for conference presentation. Text reads Rupert Manfredi What's beyond the browser: the AI platform shift Eng AI 2025 Sydney Sept 12
johnfallsopp.com
Traditional SEO is dead. Time to optimize for machines that read before humans ever click #WordPressDev #AI #StructuredData

Jono Alderson at Next 25 bit.ly/3VuLimU
Banner for conference presentation. Text reads Jono Alderson Future-Proof WordPress: Building for an AI-Driven Web Enqueue 2025 Sydney November
johnfallsopp.com
Every company is becoming an AI company. The risks are expanding as fast as the opportunities. Aubrey Blanche delivers practical tools for responsible AI you can implement today.

Aubrey Blanche at Next 25 bit.ly/47PbG2f
Banner for conference presentation. Text reads Aubrey Blanche Building AI, Responsibly Next 2025 Sydney November
johnfallsopp.com
AI + Model Context Protocol = actual work getting done. See how to safely connect AI to your APIs, file systems & tools. Actions > words! #MCP #DevSummit25

Tamas Piros at Dev Summit 25 bit.ly/3K60jZO
Banner for conference presentation. Text reads Tamas Piros When AI Stops Talking and Starts Doing Eng AI 2025 Sydney Sept 12
johnfallsopp.com
Every few months it occurs to me that our individual lives, our communities, societies and civilization would be vastly better is we just normalized saying

‘huh. You know I was wrong about this thing. I think differently now that I’ve thought about, heard different perspectives…”
johnfallsopp.com
As of recently keynote renders svg too (not ideal I know)
johnfallsopp.com
Legacy WordPress migration: Smart automation vs manually updating posts until you question your life choices #WordPress #TechDebt

Cameron Jones at Next 25 bit.ly/46D7gtb
Banner for conference presentation. Text reads Cameron Jones How We Automated Migrating Thousands Of Blog Posts From ACF Flexible Content To The Block Editor Enqueue 2025 Sydney November
johnfallsopp.com
What does "app" even mean when AI becomes the platform? Rupert Manfredi explores how AI clients will displace traditional web and apps—and why keeping it open matters.

Rupert Manfredi at Next 25 bit.ly/4pzwbpS
Banner for conference presentation. Text reads Rupert Manfredi What's beyond the browser: the AI platform shift Next 2025 Sydney November
johnfallsopp.com
What happens when the customer is code and loyalty is algorithmic? Katja Forbes explores how to design experiences for AI agents making autonomous purchases.

Katja Forbes at Next 25 bit.ly/4ncEu9w
Banner for conference presentation. Text reads Katja Forbes Machines Are Customers Too Next 2025 Sydney November
johnfallsopp.com
The browser already has what you need! CSS Grid, Web Animations API, native state management - why are we still adding framework bloat? Join Jono Alderson at #DevSummit25

Jono Alderson at Dev Summit 25 bit.ly/46lVnr5
Banner for conference presentation. Text reads Jono Alderson The Browser Strikes Back: Rethinking the Modern Dev Stack Eng AI 2025 Sydney Sept 12
johnfallsopp.com
That is horrendous, reprehensible and frankly incomprehensible. The university sector in Australia is basically broken
johnfallsopp.com
Monolith to microservices giving you headaches? Lovee Jain (@Prezzee) shows how Backend for Frontend pattern could be your architectural best friend #BFF #Microservices #DevSummit25

Lovee Jain at Dev Summit 25 bit.ly/3Kmrz6m
Banner for conference presentation. Text reads Lovee Jain BFFs could be your new Best Friends Forever Eng AI 2025 Sydney Sept 12
johnfallsopp.com
WordPress Interactivity API in enterprise reality: Where documentation examples meet production complexity and everything breaks #WordPressDev

Zachary Hickson at Next 25 bit.ly/4niWj77
Banner for conference presentation. Text reads Zachary Hickson WP Interactivity API for real life Enqueue 2025 Sydney November
johnfallsopp.com
To understand recursion, you must first understand recursion. Ryan Yu makes it click with real-world JS examples & stack-safe patterns #DevSummit25

Ryan Yu at Dev Summit 25 bit.ly/4nxx6oX
Banner for conference presentation. Text reads Ryan Yu Understanding Recursion for Elegant Solutions Eng AI 2025 Sydney Sept 12
johnfallsopp.com
Features are table stakes. Identity is differentiation. JA Westenberg reveals why users choose products that align with who they are, not just what they need.

JA Westenberg at Next 25 bit.ly/48ohcck
Banner for conference presentation. Text reads JA Westenberg Identity-Driven Products vs. Feature-Driven Products Next 2025 Sydney November