willmartian / div.js Goto Github PK

View Code? Open in Web Editor NEW

434.0 434.0 11.0 212 KB

A framework for the HTML programming language.

License: MIT License

HTML 42.46% JavaScript 57.54%

framework html javascript react

div.js's Introduction

👋 Hi, I'm Will

I like to make stuff for the web.

😄 Pronouns: he/they

🌐 Check out my website!

💬 Latest blog post: Mastodon is like email

div.js's People

Contributors

Stargazers

Watchers

Forkers

pika-pool slinjez liamdebeasi mxmason oskar-kupski-elpassion ykankaya mikeyhodl xprofessorj coreymakes amirulandalib robertomalatesta

div.js's Issues

Add isnot attribute

First of all, thanks for making HTML easy to work with.

But as a fellow HTML developer, I know that sometimes you do not really know what you want your div to be, but you surely know what you don't want it to be.

For example, you want a title, but not too big, and not too small either.
Any dev thought process would be something like:
I could use <html> tag but no, that is the name of my programming language.
I could use <base> but I have no idea what it is.
etc.

So, to ease the current syntax we could use:

<div isnot="html; base; link; head; meta; style; body; article; section; nav; aside; h1; h2; h3; h5; h6; hgroup; header; footer; address; p; hr; pre; blockquote; ol; ul; menu; title; li; dl; dt; dd; figure; figcaption; main; div; a; em; strong; small; s; cite; q; dfn; abbr; ruby; rt; rp; data; time; code; var; samp; kbd; sub; sup; i; b; u; mark; bdi; bdo; span; br; wbr; ins; del; picture; source; img; iframe; embed; object; param; video; audio; track; map; area; table; caption; colgroup; col; tbody; thead; tfoot; tr; td; th; form; label; input; button; select; datalist; optgroup; option; textarea; output; progress; meter; fieldset; legend; details; summary; dialog; script; noscript; template; slot; canvas">This is my title.</div>

Then, you are sure this is a <h4> header.
This would be more readable and could count as documentation.

Good

Is this project still maintained?

@willmartian I am trying to use a non-div element in my div.js app, but it's not working. Please fix this!

Doesn't work with `video` types?

Ubuntu Server 18.90, Windows 7

The following code sample doesn't seem to work properly:

<div is="video" src="./video.mpeg"/>

Post on Producthunt?

I, along with many others, can never fully stand behind a product until it is put on producthunt. Projects like aaa.aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.com and FuckYourUsers both we're able to be truly recognized as effective and professional projects recognized through the industry. I hope you take my advice and bring this project to the next level.

May you suffer for years for this package

I'm releasing a package to simplify your package, where users will only have to type <e is="div"></e> because a developer's time is precious and we all know how time consuming it is to type div constantly.

😂

Missing unit tests

Although I find this extremely useful, our company is reluctant to use this until unit tests are defined.

can't create divs

Added

<div is="div">
      <div is="p">hello</div>
</div>

and my page hangs

please, fix ASAP

Add React version

I think this product is a good start on it's own, but to really evolve it in the enterprise space, i think a plugin or extension for React.js is needed.

A simple custom component with an is prop into a React.createElement() call might already do.

Custom elements-based approach?

The native is attribute can be used with custom elements to produce the same effect.

If we register <div> (or <e> as a fellow contributor suggested) as a custom element, we might be able to reduce size and improve performance of this library substantially. Consider how much time we could save millions of users around the world. (Not to mention the energy savings from improving performance – climate change is no joke!!!!)

Yours truly