html-utils-package

featured

A simple package to make coding in HTML5 easier.

frontend
html
development

Paste this command in a terminal to install the package

espanso install html-utils-package
Description
Source

html-utils-package

Make HTML5 easier and less time-consuming with this Espanso package!

Installation

Make sure you have already installed Espanso first.
espanso install html-utils-package
That's all. You can start using the package. Open your favorite editor and type
::docskel
to test!

Preview

You can choose between all of them from the Search-bar: Search-bar

Triggers

Here you can see some of them:
Trigger
Result
::docskel
Generates an empty document with
utf-8
and
viewport
headers (unindented)
::doctype
<!DOCTYPE html>
::meta-charset
<meta charset="">
::meta-utf-8
<meta charset="UTF-8">
::meta-viewport
<meta name="viewport" content="width=device-width, initial-scale=1">
::meta-author
<meta name="author" content="">
::meta-desc
<meta name="description" content="">
::meta-keywords
<meta name="keywords" content="">
::title
<title></title>
::div
<div></div>
::html
<html></html>
::head
<head></head>
::body
<body></body>
::a
<a href=""></a>
::br
<br/>
::button
<button type="button"></button>
::style
<style></style>
::css
<link rel="stylesheet" type="text/css" href="">
::script
<script></script>
::js
<script type="text/javascript" src=""></script>
::form
<form action="" method=""></form>
::label
<label for=""></label>
::input-submit
<input type="submit" value="">
::input-text
<input type="text" name="" id="">
::input-password
<input type="password" name="" id="">
::input-radio
<input type="radio" name="" id="" value="">
::input-checkbox
<input type="checkbox" name="" id="" value="">
::input-file
<input type="file" name="" id="">

Contributions

If you feel like there's any important tag/snippet missing, feel free to create a Pull Request or open an Issue.