Web Meta

Data based on atom/autocomplete-css, ChromeDevTools/devtools-frontend and adobe/brackets

Install

npm i web-meta

Usage

CSS Properties list

import { cssProperties } from 'web-meta';
/*
  ...
  "animation-name",
  "animation-play-state",
  "animation-timing-function",
  "animation",
  "backface-visibility",
  "background-attachment",
  "background-blend-mode",
  "background-clip",
  "background-color",
  ...
*/

CSS Properties Map

Lookup table for css property values

import { cssPropertyMap } from 'web-meta';
/*
  ...
  "align-content": ["center", "flex-end", "flex-start","space-around", "space-between", "stretch"],
  "align-items": ["baseline", "center", "flex-end", "flex-start", "stretch"],
  "align-self": ["auto", "baseline", "center", "flex-end", "flex-start", "stretch"],
  ...
*/

CSS Color properties list

List of css properties (keys) related to color

import { cssColorProps } from 'web-meta';
// e.g "background-color"

CSS Distance properties list

List of css properties (keys) related to distance

import { cssDistanceProps } from 'web-meta';

CSS Pseudo selectors list

List of css pseudo selectors(keys)

import { cssPseudoSelectors } from 'web-meta';
// e.g  "::after"

HTML Tags list

import { htmlTags } from 'web-meta';
/*
  ...
  "blockquote",
  "body",
  "br",
  "button",
  "canvas",
  "code",
  "div",
  "em",
  "form",
  "footer",
  "h1",
  "h2",
  ...
*/

HTML Tag Attributes map

Lookup table for available attributes on html tags.

import { htmlTagAttributesMap } from 'web-meta';
/*
  ...
  "br": [],
  "button": [
    "autofocus",
    "disabled",
    "form",
    "formaction",
    "formenctype",
    "formmethod",
    "formnovalidate",
    "formtarget",
    "name",
    "type",
    "value"
  ],
  "canvas": ["height", "width"],
  ...
*/

HTML Attributes map

Lookup table for values on html attributes

import { htmlAttributeMap } from 'web-meta';
/*
  ...
  "preload": ["auto", "metadata", "none"],
  "input/type": [
    "button",
    "checkbox",
    "color",
    "date",
    "datetime",
    "datetime-local",
    "email",
    "file",
    "hidden",
    "image",
    "month",
    "number",
    "password",
    "radio",
  ...
*/