Articles

Here is a full list of articles that I have written

  1. Infinite grid with just one square

    Creating an infinite grid of squares drawing multiple instances of the same single shape. Exploring a bit of what WebGL 2 provides.

  2. High-level WebGL. Low-level tags.

    This article introduces shader-canvas, a graphics framework that is the fruit of my Web Components experimentations and WebGL experience. It describes the motivations behind it and the idea that triggered its development.

  3. The life of a Web Component

    This is the list of articles I have written while exploring Web Components. It details the possibilities of uncommon practices and puts them in use in shader-canvas, an abstraction of the WebGL API done with Web Components.

  4. The life of a Web Component - Getting Tested

    Testing Web Components is a torny road. In this post I assemble three techniques that solved the majority of the situations I found in testing them.

  5. The life of a Web Component - Declarative State

    With custom tags, it is possible to use HTML to declare and decompose complex app states. In this post, I try to show a viable approach to do this.

  6. The life of a Web Component - Reversing the Shadow DOM visibility

    Shadow DOM displays its contents by default while hidding the original tag children. Can this be reversed? What kind of possibilities does it offer us if it does?

  7. The life of a Web Component - as a variable bucket

    I explore tag creation in this post. How can Web Components be used to create dynamic tags? And what use are they? As an example, I try to make a simple style container that uses them.

  8. The life of a Web Component - Initialization

    This post is a quick write-up on some of my learnings in experimenting with Web Components. It focuses mostly on the small subset of their life-cycle methods that deal with initialization.

  9. Introducing the <deno> tag

    After trying out Deno I got passionate about it. This post introduces my first Deno module, a simple preprocessor for HTML files that runs Deno where the new `<deno>` tag is specified. How useful can a simple file preprocessor be? What can it help build?

  10. Meet Evil Cliddy

    Virtual Assistants have become quite common benefactors. What if an assistant could be evil? How far would you be willing to interact or react to it? Will it degrade, enhance, or even define the user experience?

  11. The Zen of index.html

    Web development has become a very complex field with many branches and tools to master. In this article, I suggest doing the inverse and use just a simple `index.html` file to manage all of the web app development scripts and assets. This might seem radical but does it make life more complex than using all those front-end tools we have become accustomed to?

  12. Cleaning up for Shape The Pixel

    Taking a look back into the work done for Grid Generator and rethinking how much of it will go into 'Shape The Pixel'. With this new product shift, the core technical parts are going to remain the same while a lot of things are going away.

  13. From Grid Generator to Shape The Pixel

    The time has come to restart my previous bootstrapped drawing app into something different. In this new round it will resurface with a new name and very different development guidelines that disregard the common market/costumer analysis approach.