Create account

DEV Community

Anthony Max

for HMPL.js

Posted on Nov 28

I changed the logo for the js project. What do you think? It’s 🔥?

#webdev #javascript #programming #opensource

Have you seen the new CSS logo? Wow, it's been so many years, but I definitely didn't expect anything new. Moreover, the logo itself has changed dramatically from a blue shield to a purple square.

There were so many videos, so many articles, and in general different content with the old logo, and now it’s history.

And this is the coolest thing! Everything changes, does not stand still. Remember the same browsers whose logo changed over several years at a certain period of time several times. Social networks, like the same Twitter and much more. At first, all this gives a little misunderstanding when this happens, but when you see the result, new design solutions, you involuntarily understand that this is really cool, that everything is updated.

Well, okay. When the computer is updated, it's not very good :). But, in any case, let's say if the same sites now had a design that was, say, 10 or 20 years ago, then it would simply be impossible to use them today. Therefore, the update is cool!

If this is cool, then what?

Well, nothing really - that's normal. But what to do now? Here I see the old logo that was on the module before. You can also look at it and evaluate it. Here it is:

It looks okay, but I've had this style since prehistoric times. I'm so tired of it that now a new era is happening. New philosophy. New goals. New everything.

You ask me, well, what now? It's cool that the new logo is an old piece of trash, what now? Yes, actually, now everything is serious. We are approaching the topic of ants.

Ant as a standard

Ants in nature are some of the hardest working insects that exist. Despite their small size, they can build such large buildings that are called anthills. Leaf by leaf, stone by stone, but beauty is created. Imagine, our ancestors were inspired by them, building another house, skyscraper, and generally large buildings. And it is not surprising, because only through labor can you create something truly valuable.

Indeed, I am inspired by all this, so I have long had the idea to do something in this style. Something cool, understandable to everyone and not another trashy logo in vector format, of which there have been millions recently. When you go to Google Play or the App Store, you just look at the same thing, as if one designer drew everything for them.

Therefore, you can have different attitudes towards this, but I think that this is really what I want and under which it is really cool to do something worthwhile. Therefore, of course, with the preservation of styles, but still, what was chosen was what I wanted and what reflects the essence of the product and the entire future philosophy:

I think this is a really cool and clear logo. Not sloppy, not text, just cool. The product itself is here, you can see everything here:

hmpl-language / hmpl

🐜 Server-oriented customizable templating for JavaScript

Website • Documentation • Demo Sandbox • Examples

hmpl is a small template language for displaying UI from server to client. It is based on customizable requests sent to the server via fetch and processed into ready-made HTML. Reduce the size of your javascript files and display the same UI as if it was written in a modern framework.

Usage

import hmpl from "hmpl-js";

const templateFn = hmpl.compile(
  `<div>
      <button data-action="increment" id="btn">Click!</button>
      <div>Clicks: {{ "src": "/api/clicks", "after": "click:#btn" }}</div>
  </div>`
);

const clicker = templateFn(({ request: { event } }) => ({
  body: event.target.getAttribute("data-action"),
})).response;

document.querySelector("#app").append(clicker);