WeAreDevelopers LIVE – Spicy Vanilla Web, CSS Magic & More

Are your frameworks creating a parallel universe, distancing you from the web platform? It might be time for a spicier, more vanilla approach.

#1about 3 minutes

Differentiating your work in the age of AI-generated code

Developers can stand out from AI-generated content by focusing on craftsmanship, communication skills, and business literacy.

#2about 3 minutes

Understanding the problems with GDPR cookie consent banners

Cookie banners often represent malicious compliance and lead to banner blindness, but they are unnecessary if a site only uses essential functional cookies.

#3about 3 minutes

Challenges of reviewing AI-generated open source contributions

AI-generated code shifts the workload to maintainers who must review large, potentially unsafe pull requests, highlighting the need for better contribution practices.

#4about 4 minutes

Improving contribution quality with pull request templates

Pull request templates provide structure for contributors and act as a checklist to improve the quality and consistency of submissions.

#5about 3 minutes

Analyzing Facebook's use of 140 nested React context providers

The discovery of 140 nested context providers in Facebook's codebase sparks a discussion on software complexity, organizational structure, and potential over-engineering.

#6about 4 minutes

Examining the German government's official technology stack

An analysis of the German government's tech stack reveals a focus on modern frameworks like React and Next.js, raising questions about hiring trends and the omission of core web standards.

#7about 5 minutes

The return of playful and interactive personal websites

Showcasing personal websites with game-like interactions and highly customizable UIs highlights a trend towards creativity and demonstrating technical skill.

#8about 2 minutes

Using modern error chaining in JavaScript for better debugging

The `cause` property in JavaScript's Error object allows for structured error chaining, providing a clearer debugging experience than simple console logs.

#9about 3 minutes

Leveraging DevTools snippets for web performance analysis

Using pre-made JavaScript snippets in browser DevTools can simplify performance analysis, but it's crucial to be aware of the security risks of running untrusted code.

#10about 1 minute

Building a performant YouTube embed with vanilla JavaScript

A lightweight YouTube embed component demonstrates how to achieve high performance using vanilla JavaScript and Shadow DOM, avoiding framework overhead.

#11about 3 minutes

A tech confession about automating tedious timesheets

A developer automated their mandatory 15-minute timesheet reporting with a script and unexpectedly received a bonus for their perceived diligence.

#12about 8 minutes

Why developers still avoid using the native button element

Developers often opt for `div` elements over native buttons due to framework abstractions that obscure platform benefits and a history of styling difficulties.

#13about 2 minutes

The difficulty of advocating for web standards in a framework world

Frameworks create self-contained ecosystems that can make developers resistant to adopting platform-native solutions, posing a challenge for web standards advocacy.

#14about 2 minutes

Preventing XSS with the native browser Sanitizer API

The upcoming native Sanitizer API will allow developers to safely render HTML from strings by automatically cleaning potential XSS vulnerabilities directly in the browser.

#15about 3 minutes

The value of documenting "cursed" bugs and workarounds

Publicly documenting challenging bugs and platform limitations provides valuable, transparent insights into the real-world complexities of software development.

#16about 3 minutes

A performance tier list for web animation techniques

A detailed breakdown of web animation techniques helps developers understand the performance trade-offs and choose the most efficient method for their needs.