Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

guidelines for building interfaces on the web interactions, animations, layout, content, forms, performance, design & copywriting includes an AGENTS.md

JohnPhamous

16,901 subscribers

29,683 views • 8 months ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Can’t stop making these micro interactions and animations on the websites Took me about an hour to design and develop.

Can’t stop making these micro interactions and animations on the websites Took me about an hour to design and develop.

James Laurent

21,905 views • 6 months ago

Animations on the web are fun… until performance and fidelity come into conflict. Find the case study below on how we approached image sequencing, loading, and motion timing for the Adaline website

Animations on the web are fun… until performance and fidelity come into conflict. Find the case study below on how we approached image sequencing, loading, and motion timing for the Adaline website

Daybreak

49,330 views • 11 months ago

Building agents that skim the web is easy. Building agents that go deep, go broad, stay on-point, run 24/7 -- and are affordable -- is not. Over the holidays, we published a blog post on lessons learned building the agentic stack that powers Scouts Yutori. If you’re building agents, you may find it a useful read.

Building agents that skim the web is easy. Building agents that go deep, go broad, stay on-point, run 24/7 -- and are affordable -- is not. Over the holidays, we published a blog post on lessons learned building the agentic stack that powers Scouts Yutori. If you’re building agents, you may find it a useful read.

Devi Parikh

37,224 views • 5 months ago

Announcing slowmo: Slow down, pause, or speed up time of ANY web content. Try the demo and download the extension here: Debug animations, learn from cool demos, and make games easier or harder. Available as an extension: Opened-sourced here: There's an npm package too for building it into dev tools:

Announcing slowmo: Slow down, pause, or speed up time of ANY web content. Try the demo and download the extension here: Debug animations, learn from cool demos, and make games easier or harder. Available as an extension: Opened-sourced here: There's an npm package too for building it into dev tools:

Francois Laberge ✍️

26,959 views • 3 months ago

the vercel design team

the vercel design team

JohnPhamous

108,644 views • 6 months ago

Today, we’re announcing the general availability of the Parallel Monitor API. The web is shifting from pull to push, and agents are coming online. This release marks a major step towards a more proactive model, where the web pushes updates directly to your background agent. Monitor now includes: - Lite and Base processors - Event streams and snapshots - Rich attribution (Basis) on every event - Advanced domain filtering - Interactions for persistent follow-on research

Today, we’re announcing the general availability of the Parallel Monitor API. The web is shifting from pull to push, and agents are coming online. This release marks a major step towards a more proactive model, where the web pushes updates directly to your background agent. Monitor now includes: - Lite and Base processors - Event streams and snapshots - Rich attribution (Basis) on every event - Advanced domain filtering - Interactions for persistent follow-on research

Parallel Web Systems

115,791 views • 28 days ago

Nano Banana Pro is completely taking over design it can put your own texts & images on a blank magazine.. and design the layout for you nicely in a few mins how I did it on ImagineArt (with prompts):

Nano Banana Pro is completely taking over design it can put your own texts & images on a blank magazine.. and design the layout for you nicely in a few mins how I did it on ImagineArt (with prompts):

el.cine

113,558 views • 6 months ago

looking at my ’25 recap and yeah, ai changed a lot we design interfaces for ai products, use ai to build web stuff and generate tons of assets

looking at my ’25 recap and yeah, ai changed a lot we design interfaces for ai products, use ai to build web stuff and generate tons of assets

Eugene Y.

282,814 views • 2 months ago

Introducing Animations on the web A course about how to craft animations that make people feel something. It contains everything I know about motion on the web.

Introducing Animations on the web A course about how to craft animations that make people feel something. It contains everything I know about motion on the web.

Emil Kowalski

650,595 views • 2 years ago

I just put together all my AI Agents posts in a single PDF. It covers: - Agent fundamentals - LLM vs RAG vs Agents - Agentic design patterns - Building Blocks of Agents - Building custom tools via MCP - 12 hands-on projects for AI Engineers Download link in next tweet.

I just put together all my AI Agents posts in a single PDF. It covers: - Agent fundamentals - LLM vs RAG vs Agents - Agentic design patterns - Building Blocks of Agents - Building custom tools via MCP - 12 hands-on projects for AI Engineers Download link in next tweet.

Avi Chawla

65,109 views • 9 months ago

improving nested menus interactions uses a "prediction cone" to prevent accidentally selecting items when moving a pointer to the nested menu details below

improving nested menus interactions uses a "prediction cone" to prevent accidentally selecting items when moving a pointer to the nested menu details below

JohnPhamous

170,235 views • 3 years ago

7. Design Services Offer logo, web, & UI/UX design services and use tools like Midjourney & Framer to create designs for your clients.

Mark Gadala-Maria

26,708 views • 2 years ago

Minimal Design + Smooth Animation = Killer Design presentation. That's how create the smooth buttery design interactions.

Minimal Design + Smooth Animation = Killer Design presentation. That's how create the smooth buttery design interactions.

Basit A. Khan

13,798 views • 4 months ago

can there be an option for skin animations on performance mode, new skin looks great, just wish performance mode didnt take so much away from it Fortnite

can there be an option for skin animations on performance mode, new skin looks great, just wish performance mode didnt take so much away from it Fortnite

sjay

18,339 views • 2 months ago

A rite of passage in design engineering: implement the safety triangle for hover interactions

A rite of passage in design engineering: implement the safety triangle for hover interactions

Guillermo Rauch

183,952 views • 2 years ago

5 cool sites for web developers. - Convert files to any format + API - Full-stack web hosting for JavaScript, Python, PHP, Go.. - Open source Real-time Vision AI agents - Design, animate to code - 3D game for cloud architects

5 cool sites for web developers. - Convert files to any format + API - Full-stack web hosting for JavaScript, Python, PHP, Go.. - Open source Real-time Vision AI agents - Design, animate to code - 3D game for cloud architects

Csaba Kissi

82,087 views • 5 months ago

I did the sound design for Boss Deathblow animations showcased in the RELLSeas movie! Animations by Shmolp and RELLSkitty #rellseas #Roblox #RobloxDev

I did the sound design for Boss Deathblow animations showcased in the RELLSeas movie! Animations by Shmolp and RELLSkitty #rellseas #Roblox #RobloxDev

Nate

33,138 views • 1 year ago

Extract any website's design system in one line. Colors, fonts, spacing, components. Formatted as a DESIGN .md your AI agents can use instantly. Built on our Fetch API. Fast, accurate, and structured. Powered by Hyperbrowser ↓

Extract any website's design system in one line. Colors, fonts, spacing, components. Formatted as a DESIGN .md your AI agents can use instantly. Built on our Fetch API. Fast, accurate, and structured. Powered by Hyperbrowser ↓

Hyperbrowser

23,588 views • 28 days ago

Unlock cutting-edge market & scientific intelligence with Caesar Agents 🧠⚡ The Warden Agent Hub recently expanded with two high-performance research agents, powered by Caesar: an advanced reasoning engine built for deep and crypto research.

Unlock cutting-edge market & scientific intelligence with Caesar Agents 🧠⚡ The Warden Agent Hub recently expanded with two high-performance research agents, powered by Caesar: an advanced reasoning engine built for deep and crypto research.

Warden

14,379 views • 5 months ago

Canva has relaunched Affinity as an all-in-one design app that combines photo editing, vector design, and page layout tools. Reportedly free forever:

Canva has relaunched Affinity as an all-in-one design app that combines photo editing, vector design, and page layout tools. Reportedly free forever:

80 LEVEL

21,666 views • 7 months ago