Learn for-loop template tags and data types building a train schedule web component (Learn Modulo.js - Part 7 of 10)
michaelb
Posted on October 16, 2024
michaelpb
Learn template-tags while creating interactive forms in a web component (Learn Modulo.js - Part 6 of 10)
michaelb
Posted on October 3, 2024
Learn how to isolate CSS with Shadow DOM and Slots in a gallery web component (Learn Modulo.js - Part 5 of 10)
michaelb
Posted on September 27, 2024
Learn template filters and state binding to quickly build a button designer tool (Learn Modulo.js - Part 4 of 10)
michaelb
Posted on September 23, 2024
Learn state management by making a (silly) story generator (Learn Modulo.js - Part 3 of 10)
michaelb
Posted on September 17, 2024
Learn how to make a styled picture frame web component with props (Learn Modulo.js - Part 2 of 10)
michaelb
Posted on September 11, 2024
Writing your first web component (Learn Modulo.js - Part 1 of 10)
michaelb
Posted on September 5, 2024
Learn how to create a API-backed Zelda BOTW monster gallery web component in <40 lines (Modulo.js)
michaelb
Posted on September 2, 2024
How to build an API-driven Pokémon Dance Party component in less than 30 lines of HTML Web Component template code (+ Modulo.js)
michaelb
Posted on March 23, 2024
Creating a 3D extruded text Word Art picker in only ~30 lines of pure HTML web component code + 1 extra file
michaelb
Posted on January 27, 2024
Creating a Word Art text-curving design picker in only 30 lines of pure HTML web component code + 1 extra file (no node or JS!)
michaelb
Posted on January 22, 2024
Making a text art and SVG circle picker design tool in 34 lines of pure HTML web component code + 1 extra file (no node or JS!)
michaelb
Posted on January 20, 2024
Making a text-shadow wave animation design tool in only 30 lines of pure HTML web component code + 1 extra file (no node or JS!)
michaelb
Posted on December 29, 2023
Making a 90s aesthetic text shadow design tool in only 30 lines of pure HTML web component code + 1 extra file (no node or JS!)
michaelb
Posted on December 26, 2023
Making a 90s aesthetic word art text picker in only 20 lines of pure HTML web component code + 1 extra file (no node or JS!)
michaelb
Posted on December 24, 2023
Making a font picker and text designer tool in only 40 lines of pure HTML web component code + 1 extra file (no node or JS!)
michaelb
Posted on December 23, 2023
Making a shadow picker and box designer in ~30 lines of HTML Web Component template code + 1 extra file (no JS or node needed!)
michaelb
Posted on December 20, 2023
The 2000 line framework challenge: Making a gradient picker tool in 13 lines of pure HTML code + 1 extra file (no node or JS!)
michaelb
Posted on December 12, 2023
The 2000 line framework challenge: How to template JSON or APIs in 3 lines of component code + 1 extra file (no NPM needed)
michaelb
Posted on November 16, 2023
The 2000 line framework challenge: How to split state when using global stores with no extra dependencies beyond Modulo.js
michaelb
Posted on November 10, 2023
Modulo.js - A full-featured Web Components framework in only 2000 lines
michaelb
Posted on September 15, 2023
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.