All Projects → phuoc-ng → Html Dom

phuoc-ng / Html Dom

Licence: mit
This project is developed by Nguyen Huu Phuoc. I love building products and sharing knowledge.

Programming Languages

typescript
32286 projects
HTML
75241 projects
SCSS
7915 projects

Projects that are alternatives of or similar to Html Dom

Dom
Modern DOM API.
Stars: ✭ 88 (-97.94%)
Mutual labels:  dom, document-object-model, dom-manipulation
domonic
Create HTML with python 3 using a standard DOM API. Includes a python port of JavaScript for interoperability and tons of other cool features. A fast prototyping library.
Stars: ✭ 86 (-97.99%)
Mutual labels:  dom, dom-manipulation, dom-api
m4q
Small library for DOM manipulation and animation. This library similar to jQuery, but written more simply.
Stars: ✭ 30 (-99.3%)
Mutual labels:  dom, dom-manipulation
necktie
Necktie – a simple DOM binding tool
Stars: ✭ 43 (-98.99%)
Mutual labels:  dom, dom-manipulation
dflex
The sophisticated Drag and Drop library you've been waiting for 🥳
Stars: ✭ 806 (-81.12%)
Mutual labels:  dom-manipulation, dom-api
rottenjs
An all-in-one (2.6kb) Javascript library for web development
Stars: ✭ 15 (-99.65%)
Mutual labels:  dom, dom-manipulation
Rye
A modern, lightweight browser library using ES5 natives
Stars: ✭ 271 (-93.65%)
Mutual labels:  dom
Tags Input
🔖 <input type="tags"> like magic
Stars: ✭ 312 (-92.69%)
Mutual labels:  dom
Hyperhtml
A Fast & Light Virtual DOM Alternative
Stars: ✭ 2,872 (-32.72%)
Mutual labels:  dom
js-utils
A collection of dependency-free JavaScript utilities 🔧
Stars: ✭ 22 (-99.48%)
Mutual labels:  dom
Nanocomponent
🚃 - create performant HTML components
Stars: ✭ 355 (-91.68%)
Mutual labels:  dom
Three Elements
Web Components-powered custom HTML elements for building Three.js-powered games and interactive experiences. 🎉
Stars: ✭ 331 (-92.25%)
Mutual labels:  dom
Typescript Dom Lib Generator
Tool for generating dom related TypeScript and JavaScript library files
Stars: ✭ 300 (-92.97%)
Mutual labels:  dom
Css Select
a CSS selector compiler & engine
Stars: ✭ 279 (-93.46%)
Mutual labels:  dom
Frontendwingman
Frontend Wingman, Learn frontend faster!
Stars: ✭ 315 (-92.62%)
Mutual labels:  dom
Arachni
Web Application Security Scanner Framework
Stars: ✭ 2,942 (-31.08%)
Mutual labels:  dom
Ngx Meta
Dynamic page title & meta tags utility for Angular (w/server-side rendering)
Stars: ✭ 331 (-92.25%)
Mutual labels:  dom
gh-web-ui
Package for building web-based User Interfaces (UI) in Rhino Grasshopper.
Stars: ✭ 69 (-98.38%)
Mutual labels:  dom
Redom
Tiny (2 KB) turboboosted JavaScript library for creating user interfaces.
Stars: ✭ 3,123 (-26.84%)
Mutual labels:  dom
Fluentdom
A fluent api for working with XML in PHP
Stars: ✭ 327 (-92.34%)
Mutual labels:  dom

HTML DOM

Story

Web development goes very fast. I still remember the moments when starting to use jQuery, Prototype, script.aculo.us, Zepto and many more.

Nowadays, even if our application is powered by mordern tools such as Angular, Vue, React, Svelte, .etc, we have to deal with DOM. The frameworks encapsulate and hide the DOM management directly, but still give us a door to work with DOM via ref, event handlers.

If you develop or use a web component in any framework, you have to work with DOM at a certain level.

Knowing the browser DOM APIs and how to use them play an important role in web development. A website introducing the APIs, well-known problems, most popular questions could be very useful.

Features

  • No external library. Only native browsers' APIs
  • Small and easy to understand examples
  • Live demos
  • Many tips and good practices included
  • Many real use cases
  • Work with the modern browsers. Try to support IE 11

Running it on local

  1. Clone the project:
$ git clone https://github.com/1milligram/html-dom
  1. Install the dependencies:
$ cd html-dom
$ npm install
  1. Run it on the local:
$ npm run dev

Look at the console to see the Local URL. Open it in your browser to see it in action.

About

This project is developed by Nguyen Huu Phuoc. I love building products and sharing knowledge.

Be my friend on

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].