WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Jul 1, 2026

WeAreDevelopers LIVE - The Shape of SVG to Come!

Chris Heilmann , Daniel Cranney , Lionel Péramo

Tired of wrestling with complex SVG syntax? New CSS shape functions are here to dramatically simplify your UI animations. Learn to integrate them without accumulating AI-generated technical debt.

Pause
Mute Enter Fullscreen
#1 about 6 min

Building lightweight front-end alternatives to Tailwind CSS

How tools like Eco Composer prioritize native HTML and minimize shipped code.

#2 about 2 min

Owning developer content through personal technical blogs

Why self-hosted blogs offer more control than relying on temporary social platforms.

#3 about 2 min

Remembering Om Malik and the origins of tech journalism

Reflections on the influence of early tech bloggers during the dot-com boom.

#4 about 3 min

Setting up AI honeypots to test prompt injections

Real-world benchmarking of AI security vulnerabilities using virtual private servers.

#5 about 3 min

Managing browser memory usage across Chromium environments

How different browser engines and extensions impact system performance and local development.

#6 about 1 min

Exploring the execution loops and internal mechanics of PyTorch

Understanding the underlying flow of AI model frameworks instead of relying on magic.

#7 about 2 min

Running local coding agents on consumer hardware configurations

How models like Qwen provide cost-effective alternatives to expensive cloud-based coding assistants.

#8 about 3 min

Implementing anti-bot protocols with Privacy Access Control Tokens

How Cloudflare's new standards help authenticate automated traffic without conventional CAPTCHAs.

#9 about 3 min

Identifying security vulnerabilities in smart TV applications

The risks of embedded residential proxies and unmonitored background apps on consumer devices.

#10 about 3 min

Accessing high-resolution astronomical images through open licenses

How space agencies provide massive datasets for public use and educational purposes.

#11 about 2 min

Analyzing chaotic CSS signal implementations and JavaScript conditions

Unpacking obfuscated code structures and evaluating concise syntax updates in web development.

#12 about 2 min

Creating physical hardware interfaces for AI query generation

Building hand-cranked devices to interact with large language models and explore user interfaces.

#13 about 2 min

Generating algorithmic music using web components and audio APIs

Connecting code structures with audio outputs for creative browser-based instrumentation.

#14 about 2 min

Building an open-source workout synchronization system

Leveraging Node and npm to bypass paid fitness subscriptions with local video syncing.

#15 about 3 min

Searching language model training data for personal representation

Using tools to detect hallucinations and map personal data across various AI models.

#16 about 2 min

Automating local file organization using PHP and OCR

Building scripts to scan, rename, and sort documents based on their image content.

#17 about 6 min

Evaluating fake news headlines in modern tech journalism

Testing the ability to discern real technological advancements from fabricated AI stories.

#18 about 2 min

Leveraging modern CSS capabilities for theming and contrast

Implementing style queries and color contrast functions to improve web accessibility easily.

#19 about 7 min

Designing visual editors for CSS border shapes and animations

Building interactive tools to manipulate complex SVG-like paths directly in the browser.

#20 about 10 min

Addressing technical debt caused by AI vibe coding

The importance of reviewing generated code to eliminate redundant operations and outdated syntax.

Matching moments

3:02 min

Uncovering hidden vulnerabilities and bloat in web ecosystems

Chris Heilmann Chris Heilmann +2 · LIVE

6:00 min

Navigating web element APIs and emerging software vulnerabilities

Chris Heilmann Chris Heilmann +3 · LIVE

10:09 min

Transitioning from graphic design to large scale frontend architecture

Erasmo Hernandez Erasmo Hernandez · World Congress 2026 Europe

1:53 min

Bringing JavaScript developers into web artificial intelligence

Jason Mayes · Coffee With Developers

3:31 min

Recreating React components using AI and dev tools

Chris Heilmann Chris Heilmann +2 · LIVE

3:56 min

Preserving retro tech demos and interactive browser captchas

Chris Heilmann Chris Heilmann +2 · LIVE

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Tech Education in Two Languages thumbnail
1:00:18
4 days ago

WeAreDevelopers LIVE - Tech Education in Two Languages

Daniel Cranney, Roxy Rodriguez-Becker

WeAreDevelopers LIVE - Playing in Production thumbnail
1:06:40
11 days ago

WeAreDevelopers LIVE - Playing in Production

Andrew MacLean, Daniel Cranney, Christian Heilmann

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
25 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
about 1 month ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
about 1 month ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
about 1 month ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Upcoming sessions on this topic

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Open session

Beware of Strangers Bearing Code: Open Source Trust in the Agent Era

  • Vikram Vaswani

    Consultant

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

How is SWE & EM roles are changing in the age of AI

  • Amol Sharma

    Stripe

    Engineering Manager

Open session

Supply Chain Security for the Everyday Engineer

  • Pradumna Saraf

    Kestra Technologies

    Quality Assurance Engineer

Open session

Teaching AI Coding Agents to Build It Right the First Time

  • Sajeetharan Sinnathurai

    Microsoft

    Principal Product Manager

Related videos

WeAreDevelopers LIVE – Keeping Up with Styles, Data & More thumbnail
1:16:52
LIVE • 8 months ago

WeAreDevelopers LIVE – Keeping Up with Styles, Data & More

Chris Heilmann, Daniel Cranney, Peter Kröner

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more thumbnail
1:06:20
LIVE • 11 months ago

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Chris Heilmann, Daniel Cranney, Jan Deppisch

WeAreDevelopers LIVE - CSS or BS? thumbnail
52:59
LIVE • 6 months ago

WeAreDevelopers LIVE - CSS or BS?

Chris Heilmann, Daniel Cranney, Keith Cirkel

WeAreDevelopers LIVE - Dapr / Pixels and Generative Art / Open Source and Communities / and more thumbnail
1:11:09
LIVE • about 1 year ago

WeAreDevelopers LIVE - Dapr / Pixels and Generative Art / Open Source and Communities / and more

Chris Heilmann, Daniel Cranney, Marc Duiker

WeAreDevelopers LIVE - Accessibility isn't magic, Longevity, Devrel in times of AI and more thumbnail
1:42:35
LIVE • about 1 year ago

WeAreDevelopers LIVE - Accessibility isn't magic, Longevity, Devrel in times of AI and more

Chris Heilmann, Daniel Cranney, Grahamthedev

WeAreDevelopers LIVE - CSS is DOOMed thumbnail
59:11
LIVE • 7 months ago

WeAreDevelopers LIVE - CSS is DOOMed

Chris Heilmann, Daniel Cranney, Justin Halsall, Christian Schaefer

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.