NoLoJS - Avoiding JavaScript Cruft with HTML and CSS - Aaron T. Grogg

What if you could build accordions, carousels, and even parallax effects with zero JavaScript? Discover a pattern library built for performance and simplicity.

#1about 4 minutes

Navigating the job market without being a React expert

Job searching challenges include biases against long company tenure and not specializing in dominant frameworks like React.

#2about 5 minutes

The philosophy behind the NoLoJS project

NoLoJS is an open-source library that promotes using native HTML and CSS for UI patterns to improve performance and developer experience.

#3about 5 minutes

Overcoming the developer habit of reaching for JavaScript

Developers often default to familiar JavaScript tools and npm packages due to project deadlines, overlooking simpler native solutions.

#4about 10 minutes

The trade-offs between unstyled components and opinionated frameworks

Unstyled, minimal components offer more flexibility but can appear unfinished to developers accustomed to fully-styled, opinionated frameworks.

#5about 10 minutes

A guided tour of the NoLoJS GitHub repository

The NoLoJS repository is structured with minimal, copy-pasteable HTML and CSS snippets for common patterns, each with a live CodePen demo.

#6about 10 minutes

Building resilient and performant CSS-only components

Modern CSS features like @supports enable robust fallbacks, but complex selectors and animations like view transitions can introduce performance issues.

#7about 12 minutes

Why assistive technology struggles to keep up with the web

The slow evolution and closed-source nature of many screen readers create a gap where modern semantic HTML is not fully supported, hindering accessibility efforts.

#8about 5 minutes

Identifying use cases that still require JavaScript

JavaScript remains essential for client-side rendering to create dynamic, interactive experiences like updating product details without a full page reload.