External content
jQuery
CSS
SVG
AI
Front End
React
Web Development
HTML
Angular
Caching
A11y
JavaScript
NextJS
NodeJS
VueJS
RxJS
Python
Testing
PostgreSQL
SEO
Serverless
TypeScript
LLM
Open Source
WordPress
External content
How to Fix Vibe Coding
In this episode, Wes and Scott dive into strategies for making AI-assisted coding more reliable and consistent. They discuss the importance of deterministic tools such as fallow, knip, ESLint, StyleLint, and Sentry, which help enforce code quality and reduce unpredictability in development workflows. The conversation covers practical approaches to code analysis, linting, and workflow automation, including the use of headless browsers and task management systems. Wes and Scott share their experiences with integrating these tools to catch errors early, maintain clean codebases, and ensure that AI-generated code adheres to best practices. Listeners gain actionable insights on improving their coding environment, fostering better patterns, and leveraging automation for higher productivity. The episode is packed with tips for developers looking to enhance reliability and maintainability in projects that incorporate AI coding tools.
External content
🎵 tiks: Procedural UI Sounds for the Web
This article features a lightweight JavaScript library that uses the Web Audio API to synthesize simple sound effects like clicks, pops, and pings. Designed to be minimal in size, the library enables developers to easily add audio feedback to web applications without relying on bulky audio files or external assets. By leveraging the Web Audio API, the tool generates sounds programmatically, offering flexibility and efficiency for interactive UI elements, notifications, or games. The article demonstrates how these synthesized effects can enhance user experience while keeping performance overhead low. Ideal for frontend developers seeking quick and customizable audio solutions, this library stands out for its simplicity and effectiveness. It’s a handy resource for anyone looking to enrich their web projects with dynamic sound cues.
External content
📄 officeParser: A Library to Parse Common Office-Related Formats
This article highlights a versatile library that enables developers to work with popular office file formats such as DOCX, PPTX, XLSX, ODT, and more, both in the browser and on the server side. The tool streamlines the process of reading, editing, and generating documents, presentations, and spreadsheets within JavaScript applications. With support for a wide range of formats commonly used in office suites, the library is ideal for building features like document automation, online editing, and data extraction. Its flexibility allows integration into web apps, backend services, and workflows that require seamless handling of office files. The article also points to the project’s GitHub repository, making it easy for developers to explore the code, contribute, or adopt the library for their own needs. It’s a valuable resource for anyone looking to enhance their applications with robust office file support.
External content
Animata: Over 100 Animated React Components
This article introduces a unique collection of animation-focused React components designed to bring creative flair to web interfaces. The suite includes elements such as animated beams, spreading cards, and a Slack-style intro screen, offering developers fresh ways to enhance user experience with visually engaging effects. Unlike typical UI libraries, these components stand out for their originality and versatility, making it easy to add dynamic, interactive animations to React projects. The article showcases examples and use cases, demonstrating how these tools can be integrated to create memorable and modern web applications. For developers seeking to push the boundaries of frontend design, this suite provides inspiration and practical solutions. It’s a valuable resource for anyone interested in animation, React, and innovative UI development.
External content
🔒 The OWASP NPM Security Best Practices Cheat Sheet
This article presents a comprehensive and regularly updated checklist for securing npm packages, addressing both longstanding and emerging threats in the JavaScript ecosystem. The checklist covers essential practices such as disabling lifecycle scripts, preventing typosquatting, ensuring trusted publishing, and mitigating dependency confusion. It serves as a practical resource for developers and maintainers aiming to safeguard their projects from common vulnerabilities. Recent updates to the checklist reflect the evolving landscape of package security, offering actionable advice and tools to help teams stay ahead of new risks. The guide is designed to be accessible and immediately useful, making it easy to integrate security best practices into everyday development workflows. Overall, this resource is a must-read for anyone working with npm, providing clear steps to enhance package safety and protect both individual projects and the wider open-source community.
External content
HyperFrames: Write HTML and JavaScript to Create Videos
HyperFrames is a new open-source framework for creating and rendering videos using HTML and JavaScript, offering a simpler, non-React alternative to tools like Remotion. Designed to be "AI-first" and optimized for agent-driven workflows, HyperFrames lets developers compose videos as standard HTML files, using data attributes to time and animate elements. It supports popular animation libraries such as GSAP and Lottie, and features deterministic rendering for consistent results in automated environments. A standout feature of HyperFrames is its rich catalog of over 50 built-in blocks and components, including social overlays, shader transitions, data visualizations, and cinematic effects. These can be easily added to projects, streamlining the video creation process and making it accessible to web developers without React experience. HyperFrames emphasizes simplicity and universality, leveraging HTML and JavaScript to lower the barrier for programmatic video creation. Its non-React approach allows for instant browser previews and avoids complex build steps, making it especially suitable for AI-driven workflows and developers seeking a straightforward, extensible solution.
External content
Rating and Roasting Your Projects
Scott and Wes take listeners on a rapid-fire tour of community-submitted projects, exploring a diverse range of tools and innovations from JSON utilities and CSS editors to AI agents and creative view transitions. The episode highlights standout projects like ArrowJS and CSS Pro, offering candid feedback and constructive “roasts” to help developers refine their work. Throughout the discussion, Scott and Wes share their perspectives on what makes a project successful, touching on usability, originality, and technical execution. They provide practical advice for developers looking to improve their own creations, whether it’s through better documentation, user experience, or leveraging modern web technologies. The episode serves as both inspiration and guidance for anyone interested in the latest trends and tools in web development. It’s a lively showcase of creativity within the developer community, packed with actionable insights and encouragement for builders of all levels.
External content
Where did Oh My Zsh Come From? And Using Rails in 2026
This episode features Robby Russell, the maintainer of Oh My Zsh, discussing the popular Zsh framework and its impact on developer productivity. Robby shares insights into what makes a great Zsh plugin, his top plugin recommendations, and why many developers—including Chris—choose to install Oh My Zsh for their terminal workflows. The conversation also explores Robby’s experience working with Rails in 2026, touching on the evolving landscape of project dependencies and strategies for managing them effectively. Listeners gain practical advice on optimizing their development environment and learn about the community-driven nature of Oh My Zsh. Overall, the podcast offers a blend of technical tips, personal stories, and forward-looking perspectives, making it a valuable listen for developers interested in shell customization, Ruby on Rails, and best practices for maintaining open-source projects.
External content
Bun v1.3.13: Smarter Testing, Streaming Installs, and Less Memory
The Bun JavaScript runtime continues its rapid evolution, recently releasing version 1.3.12 with built-in browser automation capabilities. This update allows developers to automate browser tasks directly within Bun, streamlining workflows and expanding the runtime’s versatility for testing and automation scenarios. Alongside browser automation, Bun’s testing tool, bun test, has received a suite of powerful enhancements. New options like --isolate, --parallel, --shard, and --changed enable greater test environment isolation, parallel execution, sharding for distributed testing, and targeted runs for changed files. These features make it easier to scale and optimize test suites, improving reliability and speed for large projects. With these updates, Bun solidifies its position as a modern, feature-rich runtime for JavaScript and TypeScript developers. The article highlights Bun’s commitment to innovation, making it a compelling choice for teams seeking efficient development and testing tools.Iron vs. Flesh: non-tech with AI battles experienced engineer
New
April, 29
14:00UTC+00:00(UTC)
Online
[TechSnack] AI Agents for Everything You Do Besides Coding
New
April, 10
12:00UTC+00:00(UTC)
Online
![[TechSnack] AI Agents for Everything You Do Besides Coding](https://prod-frmedia-digital-asset-management.s3.eu-central-1.amazonaws.com/medium_274_event_99ab5f0295.jpg)