Typed HyperText Markup Language

Related tags

Learning resource Typed-HTML
Overview

Typed HyperText Markup Language

You can add types to the HyperText Markup Language.

Types

To declare two types, they must be separated by a period and a space.

Typed for values

  • All types of JavaScript.

    • boolean ─ Example: true
    • number ─ Example: 2332
    • string ─ Example: "Hello world!"

  • Others

    • readonly ─ Values cannot be changed.
    • uint ─ Integer numbers.
Typed for attributes
  • Attributes
    • static_attr ─ No attribute can be modified.
    • static_class ─ The class attribute cannot be modified.
    • static_id ─ The id attribute cannot be modified.

Examples

230

hi

BEee

Lmao

"> 
<body>
  
  <h1 typed="number"> 230 h1>

  
  <p typed="string"> hi p>

  
  
  <h3 id="Be" typed="static_id, string"> BEee h3>

  
  <p typed="readonly">Lmaop>
body>

Future plans

[ x ] Interfaces for the divs. You can give an idea of how it could be, this will NOT be like that.

Carlos

description....23232dadasd

"> 


<div typed="User">
  <h4>Carlosh4>
  <p>description....23232dadasdp>
div>

v0.1.0

TypeMarkup ─ 2022
You might also like...

Tpy - A strongly typed Pylon API client

tpy A strongly typed Pylon API client. https://pylon.bot/ The Pylon API does not have a standardized response, meaning there are alot of edge cases an

Dec 15, 2022

easily building data structures that are serializable, validatable, and fully typed.

@davecode/structures [beta/wip] Structures is a TypeScript library for easily building data structure classes that are Serializable: Can convert rich

May 22, 2022

Lazy minting of ERC721 NFTs using EIP712 standard for typed, structured data. ✨

ERC721 - Signature minting Lazy minting of ERC721 NFTs using EIP712 standard for typed, structured data. ✨ How it works Lazy minting or Signature mint

Oct 20, 2022

A zero-dependency, strongly-typed web framework for Bun, Node and Cloudflare workers

nbit A simple, declarative, type-safe way to build web services and REST APIs for Bun, Node and Cloudflare Workers. Examples See some quick examples b

Sep 16, 2022

End-to-end typed monorepo template for your next project ⌨️

TYPE ⌨️ TRPC + Yarn Monorepo + Prisma + Expo This template project is a Yarn monorepo with full end-to-end type safety. Powered by: TRPC (on Fastify)

Oct 22, 2022

📦 Fully typed and immutable store made on top of Immer with mutation, action, subscription and validation!

Riux is a fully typed and immutable store made on top of Immer with mutation, action, subscription and validation! Table of contents 👀 Installation U

Aug 27, 2022

Fully-typed utilities for defining, validating and building your document head

zhead Typed utilities for defining, validating and building best-practice document head's. Status: Pre-release Please report any issues 🐛 Made poss

Dec 21, 2022

📃 Typed primitives for Typescript to work with file paths

typed-file-system-path typed-file-system-path takes inspiration from Path.swift in swift-tools-support-core and provides typed primitives to work with

Dec 15, 2022

A simple, strictly typed ORM, to assist you in using Cloudflare's D1 product

D1-Orm ✨ A simple, strictly typed ORM, to assist you in using Cloudflare's D1 product API reference can be found at https://d1-orm.pages.dev/modules D

Dec 25, 2022
Releases(v0.1.0)

  • v0.1.0(Jan 22, 2022)

    Typed HyperText Markup Language

    You can add types to the HyperText Markup Language.

    Types

    To declare two types, they must be separated by a period and a space.

    Typed for values

    • All types of JavaScript.

      • boolean ─ Example: true
      • number ─ Example: 2332
      • string ─ Example: "Hello world!"

    • Others

      • readonly ─ Values cannot be changed.
      • uint ─ Integer numbers.
    Typed for attributes
    • Attributes
      • static_attr ─ No attribute can be modified.
      • static_class ─ The class attribute cannot be modified.
      • static_id ─ The id attribute cannot be modified.

    Examples

    <body>
  <!-- The value that this tag can receive is only of type number -->
  <h1 typed="number"> 230 </h1>

  <!-- The value that this tag can receive is only of type string -->
  <p typed="string"> hi </p>

  <!-- The id attribute cannot be modified -->
  <!-- The value that this tag can receive is only of type string -->
  <h3 id="Be" typed="static_id, string"> BEee </h3>

  <!-- The value of this tag cannot change. -->
  <p typed="readonly">Lmao</p>
</body>

    Future plans

    [ x ] Interfaces for the divs. You can give an idea of how it could be, this will NOT be like that.

    <!--
  @interface User {
    "h4": string
    "p": string
  }
-->

<div typed="User">
  <h4>Carlos</h4>
  <p>description....23232dadasd</p>
</div>

    v0.1.0

    TypeMarkup ─ 2022
    Source code(tar.gz)
    Source code(zip)
    Typed-HTML.js.zip(1.02 KB)
Owner
TypeMarkup
TypeMarkup
GitHub
i18n-language.js is Simple i18n language with Vanilla Javascript

i18n-language.js i18n-language.js is Simple i18n language with Vanilla Javascript Write by Hyun SHIN Demo Page: http://i18n-language.s3-website.ap-nor

Shin Hyun 21 Jul 12, 2022
When a person that doesn't know how to create a programming language tries to create a programming language

Kochanowski Online Spróbuj Kochanowskiego bez konfiguracji projektu! https://mmusielik.xyz/projects/kochanowski Instalacja Stwórz nowy projekt przez n

Maciej Musielik 18 Dec 4, 2022
Write "hello world" in your native language, code "hello world" in your favorite programming language!

Hello World, All languages! ?? ?? Write "hello world" in your native language, code "hello world" in your favorite language! #hacktoberfest2022 How to

Carolina Calixto 6 Dec 13, 2022
Quickly create an interactive HTML mock-up by auto sourcing lorem ipsum/images generators, with minimal html markup, and no server side code

RoughDraft.js v0.1.5 Quickly mockup / prototype HTML pages with auto-generated content, without additional JavaScript or server side code. <section>

Nick Dreckshage 464 Dec 21, 2022
This is a To-Do List. It shows a minimalist design with the next features: Add new tasks, edit tasks, markup completed tasks, and erase all completed tasks. Built with JavaScript.

Project Name To Do List Built With HTML CSS JavaScript Live Demo To do List Live Demo Link Getting Started This is a To Do List. It shows a minimalist

Santiago Cárdenas 6 Jun 9, 2022
Straightforward interactive HTTP requests from within your Alpine.JS markup

Alpine Fetch Straightforward interactive HTTP requests from within your Alpine.JS markup. View the live demo here What does this do? Alpine.JS is a ru

null 29 Dec 21, 2022
Demonstration of how you build full-stack, typed, NPM packages, the right way

NPM Packages - The Right way This repository aims to demonstrate how to build NPM packages the right way. my-package should import the shared code, bu

VulcanJS 61 Nov 27, 2022
io-ts Typed Event Bus for the runtime of your Node.js application. A core for any event-driven architecture based app.

Typed Event Bus Based on io-ts types, this bus provides a handy interface to publish and consume events in the current runtime of the Node.js process.

Konstantin Knyazev 3 May 23, 2022
A fully-typed, low-level, and HyperScript-like Frontend Library 🚀

A fully-typed, low-level, and HyperScript-like Frontend Library ??

Eliaz Bobadilla 5 Apr 4, 2022
Small, typed, dependency free tool to round corners of 2d-polygon provided by an array of { x, y } points.

round-polygon Small, typed, dependency-free tool to round corners of 2d-polygon provided by an array of { x, y } points. The algorithm prevents roundi

Sergey Borovikov 10 Nov 26, 2022