@massiotwebdevde profile picture
Patrick-Le-Geek WebDevDesign @massiotwebdevde

Design | Web Dev | Web Design | Webmarketing | SEO | UI | UX | Design System(s) | Atomic Design | Web Programming | lowCode/noCode

Joined July 2015
  • Tweets 475
  • Following 183
  • Followers 33
Photos and videos
Design Systems Surf Best-in-class Design Systems with components and foundations references from top-tier tech companies and leading #UI teams #DesignSystems #Design designsystems.surf/

Design Systems Database & Gallery

Best-in-class Design Systems collection with a repository of Components and Foundations references from top-tier tech companies and leading UI teams.

designsystems.surf
1
18
Happy Hues is a color palette inspiration site #HappyHues - Curated colors in context. happyhues.co/

Happy Hues - Curated colors in context.

See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or...

happyhues.co
3
#WebGPU : guide complet de l’#API qui révolutionne le #GPU dans le navigateur #Chrome #Firefox #Safari realite-virtuelle.com/webgpu…

WebGPU : guide complet de l’API qui révolutionne le GPU dans le navigateur

Découvrez WebGPU grâce à notre guide complet. Vous comprendrez comment cette API révolutionne l’accès au GPU dans le navigateur

realite-virtuelle.com
1
1
43
Introducing #EmDash — the spiritual successor to #WordPress that solves plugin security #Cloudflare #CMS #MCP #CLI #Skills blog.cloudflare.com/emdash-w…

Introducing EmDash — the spiritual successor to WordPress that solves plugin security

Today we are launching the beta of EmDash, a full-stack serverless JavaScript CMS built on Astro 6.0. It combines the features of a traditional CMS with modern security, running plugins in sandboxed...

blog.cloudflare.com
20
Low-Code Platforms Compared: 2025 Guide for Developers #LowCode #noCode #App #design rierino.com/blog/low-code-pl…

Low-Code Platforms Compared: Enterprise Guide for Developers

Compare the main types of low-code platforms for enterprise development, from UI builders and application platforms to workflow, integration, and orchestration-first platforms. Learn the trade-offs,...

rierino.com
38
I Tried #Vite and Replaced My Entire Frontend #Toolchain #vite #javascript #frontend #webdev dev.to/erikch/i-tried-vite-a…

I Tried Vite and Replaced My Entire Frontend Toolchain

If you're a frontend developer in 2026, you've probably had to deal with a lot of different tooling....

dev.to
8
ngDiagram is an open-source diagramming library built from the ground up for #Angular 18 , with zero external dependencies. ngdiagram.dev/

NgDiagram — Native Diagramming for Angular Apps

NgDiagram lets you build interactive, DOM-based diagrams directly in Angular. Native, flexible, and extensible — with minimal boilerplate.

ngdiagram.dev
11
Please stop over-coding your website: Use these 8 native #HTML tags instead howtogeek.com/html-tags-you-…

Please stop over-coding your website: Use these 8 native HTML tags instead

These tags add menus, toggles, media, forms, and responsive images with minimal code.

howtogeek.com
16
#Vercel Launches Skills — “#npm for #AI Agents” with #React Best Practices Built-in blog.devgenius.io/vercel-lau…

Vercel Launches Skills — “npm for AI Agents” with React Best Practices Built-in

An easy-to-follow guide to teaching your AI coding assistant 40 performance patterns in one command

blog.devgenius.io
28
#Cloudflare acquiert #Astro le framework web permettant de créer des sites web rapides et axés sur le contenu afin d'accélérer l'avenir du développement web haute performance web.developpez.com/actu/3793…
41
#BonneAnnée2026 #HappyNewYear2026
24
#Angular v21 debuts #Signal Forms, stabilizes #MCP server infoworld.com/article/409555…

Angular v21 debuts Signal Forms, stabilizes MCP server

Signal Forms is an experimental library that allows developers to manage form state by building on Angular’s reactive signals system.

infoworld.com
32
#Wasm 3.0 Offers New Way to Handle #JavaScript Strings thenewstack.io/wasm-3-0-offe…

Wasm 3.0 Offers New Way to Handle JavaScript Strings

In other dev news this week, 2025 `State of CSS` survey results, another npm packages attack and React Router gets a middleware feature.

thenewstack.io
16
Bringing #AI Agents Into Any #UI: The AG-UI Protocol for Real-Time, Structured Agent–Frontend Streams marktechpost.com/2025/09/18/…

Bringing AI Agents Into Any UI: The AG-UI Protocol for Real-Time, Structured Agent–Frontend Streams

AG-UI standardizes agent-frontend streaming via SSE/WebSockets: text, tool calls, and state synchronization with production-ready patterns

marktechpost.com
1
28
#VibeDesign: The Future of #UX Is a Feeling #UI medium.com/design-bootcamp/v…

Vibe Design: The Future of UX Is a Feeling

Vibe Design is more than a trend it’s UX with soul. Design not just for users, but for the vibes they crave. Feel the future of UX.

medium.com
1
32
Debugging #UI with #AI: #GitHub #Copilot agent mode meets #MCP servers github.blog/ai-and-ml/github…

Debugging UI with AI: GitHub Copilot agent mode meets MCP servers

Use agentic tools like GitHub Copilot agent mode and the Playwright MCP server to accelerate troubleshooting and debugging of UI issues.

github.blog
2
59
The Vibe Engineering Manifesto A Framework for Reimagining Software Engineering in the #AI #vibecoding #contextengineering #VibeEngineering vibeengineering.ai/p/the-vib…

The Vibe Engineering Manifesto

Reimagining Software Organizations in the AI Era

vibeengineering.ai
38
la directive européenne European #Accessibility Act (#EAA), entre en vigueur le 28 juin, donc hier Samedi en #France. #Europe #RGAA linkedin.com/posts/patrick-l…

#europe #france #accessibility #e #europeanaccessibilityact #eaa #rgaa | Patrick -le-Geek

la directive européenne European Accessibility Act (EAA), entre en vigueur le 28 juin, donc hier Samedi en France. e-commerce, transports, banques, télécommunications et audiovisuel et livres...

fr.linkedin.com
27
How to Build a Custom #MCP Server with #TypeScript – A Handbook for Developers freecodecamp.org/news/how-to…

How to Build a Custom MCP Server with TypeScript – A Handbook for Developers

MCP (Model Context Protocol) lets you connect your code, data, and tools to AI applications like Claude and Cursor. This handbook explains how it works with real-world analogies, and shows you how to...

freecodecamp.org
23
Letting #Playwright #MCP Explore your site and Write your Tests dev.to/debs_obrien/letting-p…

Letting Playwright MCP Explore your site and Write your Tests

What if your tests could write themselves — just by using your app like a real user? In this post,...

dev.to
19
Load more