DEV Community

michaelb profile picture

michaelb

writing stuff that makes stuff do things

Joined Joined on  github website
Learn for-loop template tags and data types building a train schedule web component (Learn Modulo.js - Part 7 of 10)
michaelpb profile

Learn for-loop template tags and data types building a train schedule web component (Learn Modulo.js - Part 7 of 10)

#beginners #javascript #tutorial #webdev
Comments
7 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
Learn template-tags while creating interactive forms in a web component (Learn Modulo.js - Part 6 of 10)
michaelpb profile

Learn template-tags while creating interactive forms in a web component (Learn Modulo.js - Part 6 of 10)

#webdev #javascript #tutorial #beginners
Comments 2
5 min read
Learn how to isolate CSS with Shadow DOM and Slots in a gallery web component (Learn Modulo.js - Part 5 of 10)
michaelpb profile

Learn how to isolate CSS with Shadow DOM and Slots in a gallery web component (Learn Modulo.js - Part 5 of 10)

#beginners #javascript #tutorial #webdev
Comments
6 min read
Learn template filters and state binding to quickly build a button designer tool (Learn Modulo.js - Part 4 of 10)
michaelpb profile

Learn template filters and state binding to quickly build a button designer tool (Learn Modulo.js - Part 4 of 10)

#beginners #javascript #tutorial #webdev
Comments
6 min read
Learn state management by making a (silly) story generator (Learn Modulo.js - Part 3 of 10)
michaelpb profile

Learn state management by making a (silly) story generator (Learn Modulo.js - Part 3 of 10)

#webdev #javascript #beginners #tutorial
Comments
5 min read
Learn how to make a styled picture frame web component with props (Learn Modulo.js - Part 2 of 10)
michaelpb profile

Learn how to make a styled picture frame web component with props (Learn Modulo.js - Part 2 of 10)

#webdev #javascript #beginners #tutorial
Comments
5 min read
Writing your first web component (Learn Modulo.js - Part 1 of 10)
michaelpb profile

Writing your first web component (Learn Modulo.js - Part 1 of 10)

#beginners #javascript #tutorial #webdev
Comments
4 min read
Learn how to create a API-backed Zelda BOTW monster gallery web component in <40 lines (Modulo.js)
michaelpb profile

Learn how to create a API-backed Zelda BOTW monster gallery web component in <40 lines (Modulo.js)

#javascript #beginners #programming #tutorial
Comments
5 min read
How to build an API-driven Pokémon Dance Party component in less than 30 lines of HTML Web Component template code (+ Modulo.js)
michaelpb profile

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
Comments
4 min read
Creating a 3D extruded text Word Art picker in only ~30 lines of pure HTML web component code + 1 extra file
michaelpb profile

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
Comments
5 min read
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!)
michaelpb profile

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
3
Comments 2
5 min read
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!)
michaelpb profile

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
Comments
5 min read
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!)
michaelpb profile

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
Comments
4 min read
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!)
michaelpb profile

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
Comments
4 min read
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!)
michaelpb profile

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
3
Comments 1
4 min read
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!)
michaelpb profile

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
Comments
4 min read
Making a shadow picker and box designer in ~30 lines of HTML Web Component template code + 1 extra file (no JS or node needed!)
michaelpb profile

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
Comments
5 min read
The 2000 line framework challenge: Making a gradient picker tool in 13 lines of pure HTML code + 1 extra file (no node or JS!)
michaelpb profile

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
1
Comments 2
3 min read
The 2000 line framework challenge: How to template JSON or APIs in 3 lines of component code + 1 extra file (no NPM needed)
michaelpb profile

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
2
Comments
5 min read
The 2000 line framework challenge: How to split state when using global stores with no extra dependencies beyond Modulo.js
michaelpb profile

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

#javascript #webdev #programming #tutorial
Comments
3 min read
The 2000 line framework challenge: How to build Web Components with two-way state binding with only 1 file (and no node_modules)
michaelpb profile

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
1
Comments
4 min read
Building a custom, re-usable Component Part to implement generic actions and with state binding in Modulo JS
michaelpb profile

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

#frontend #webdev #javascript #tutorial
Comments
3 min read
Using Decap for a "headless" CMS on the Modulo Jamstack template to let non-coders work directly on Git
michaelpb profile

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

#jamstack #webdev #javascript #programming
Comments
4 min read
What it means for Modulo to be an "HTML framework" first, and why that makes it simpler and more powerful
michaelpb profile

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

#development #webdev #javascript #html
Comments
3 min read
How I made a Markdown - HTML dual file format (Modulo.js Development)
michaelpb profile

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

#webdev #markdown #javascript #jamstack
Comments
4 min read
Modulo.js - A full-featured Web Components framework in only 2000 lines
michaelpb profile

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

#news #javascript #programming #react
1
Comments
3 min read
Introducing the Modulo Project Dev Blog
michaelpb profile

Introducing the Modulo Project Dev Blog

#discuss #javascript #webdev #opensource
Comments
2 min read
loading...