michaelb

writing stuff that makes stuff do things

Joined on Sep 14, 2023

michaelb

Mar 23

How to build an API-driven Pokémon Dance Party component in less than 30 lines of HTML Web Component template code (+ Modulo.js)

#javscript #webdev #tutorial #beginners

4 min read

Want to connect with michaelb?

Create an account to connect with michaelb. You can also sign in below to proceed if you already have an account.

Create Account

Already have an account? Sign in

michaelb

Jan 27

Creating a 3D extruded text Word Art picker in only ~30 lines of pure HTML web component code + 1 extra file

#javascript #programming #tutorial #webdev

5 min read

michaelb

Jan 22

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!)

#webdev #javascript #programming #tutorial

5 min read

michaelb

Jan 20

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!)

#webdev #javascript #tutorial #programming

5 min read

michaelb

Dec 29 '23

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!)

#webdev #tutorial #programming #javascript

4 min read

michaelb

Dec 26 '23

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!)

#webdev #javascript #tutorial #programming

4 min read

michaelb

Dec 24 '23

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!)

#javascript #webdev #programming #tutorial

4 min read

michaelb

Dec 23 '23

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!)

#javascript #webdev #programming #tutorial

4 min read

michaelb

Dec 20 '23

Making a shadow picker and box designer in ~30 lines of HTML Web Component template code + 1 extra file (no JS or node needed!)

#javascript #webdev #programming #tutorial

5 min read

michaelb

Dec 12 '23

The 2000 line framework challenge: Making a gradient picker tool in 13 lines of pure HTML code + 1 extra file (no node or JS!)

#javascript #webdev #programming #tutorial

3 min read

michaelb

Nov 16 '23

The 2000 line framework challenge: How to template JSON or APIs in 3 lines of component code + 1 extra file (no NPM needed)

#javascript #webdev #programming #tutorial

5 min read

michaelb

Nov 10 '23

The 2000 line framework challenge: How to split state when using global stores with no extra dependencies beyond Modulo.js

#javascript #webdev #programming #tutorial

3 min read

michaelb

Nov 7 '23

The 2000 line framework challenge: How to build Web Components with two-way state binding with only 1 file (and no node_modules)

#javascript #webdev #programming #tutorial

4 min read

michaelb

Nov 3 '23

Building a custom, re-usable Component Part to implement generic actions and with state binding in Modulo JS

#frontend #webdev #javascript #tutorial

3 min read

michaelb

Oct 16 '23

Using Decap for a "headless" CMS on the Modulo Jamstack template to let non-coders work directly on Git

#jamstack #webdev #javascript #programming

4 min read

michaelb

Sep 30 '23

What it means for Modulo to be an "HTML framework" first, and why that makes it simpler and more powerful

#development #webdev #javascript #html

3 min read

michaelb

Sep 16 '23

How I made a Markdown - HTML dual file format (Modulo.js Development)

#webdev #markdown #javascript #jamstack

4 min read

michaelb

Sep 15 '23

Modulo.js - A full-featured Web Components framework in only 2000 lines

#news #javascript #programming #react

3 min read

michaelb

Sep 15 '23

Introducing the Modulo Project Dev Blog

#discuss #javascript #webdev #opensource

2 min read

DEV Community

michaelb

Badges

Writing Debut

4 Week Writing Streak

How to build an API-driven Pokémon Dance Party component in less than 30 lines of HTML Web Component template code (+ Modulo.js)

Want to connect with michaelb?

Creating a 3D extruded text Word Art picker in only ~30 lines of pure HTML web component code + 1 extra file

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!)

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!)

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!)

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!)

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!)

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!)

Making a shadow picker and box designer in ~30 lines of HTML Web Component template code + 1 extra file (no JS or node needed!)

The 2000 line framework challenge: Making a gradient picker tool in 13 lines of pure HTML code + 1 extra file (no node or JS!)

The 2000 line framework challenge: How to template JSON or APIs in 3 lines of component code + 1 extra file (no NPM needed)

The 2000 line framework challenge: How to split state when using global stores with no extra dependencies beyond Modulo.js

The 2000 line framework challenge: How to build Web Components with two-way state binding with only 1 file (and no node_modules)

Building a custom, re-usable Component Part to implement generic actions and with state binding in Modulo JS

Using Decap for a "headless" CMS on the Modulo Jamstack template to let non-coders work directly on Git

What it means for Modulo to be an "HTML framework" first, and why that makes it simpler and more powerful

How I made a Markdown - HTML dual file format (Modulo.js Development)

Modulo.js - A full-featured Web Components framework in only 2000 lines

Introducing the Modulo Project Dev Blog