File tree 4 files changed +32
-33
lines changed
4 files changed +32
-33
lines changed Original file line number Diff line number Diff line change @@ -3,33 +3,28 @@ title: Installation
3
3
id : docs-install
4
4
game : arcade
5
5
---
6
- The easiest way is installing via ` npm ` :
7
6
8
- ``` sh
9
- npm install hyperform
10
- ```
7
+ Fetch Hyperform in any way you like as laid out on the [ downloads page] ( /download.html ) .
11
8
12
- Then require Hyperform in your code :
9
+ Then embed ` dist/hyperform.min.js ` in your file :
13
10
14
- ``` js
15
- var hyperform = require (' hyperform' );
16
- hyperform (window );
11
+ ``` html
12
+ <script src =" hyperform/dist/hyperform.min.js" ></script >
13
+ <link rel =" stylesheet" href =" hyperform/css/hyperform.css" >
14
+ <script >hyperform (window ); </script >
17
15
```
18
16
19
- If you do not use Node.js, you can install Hyperform with ** Bower** ,
17
+ If you use a build system like Browserify or Webpack, require Hyperform
18
+ in your own Javascript files:
20
19
21
- ``` sh
22
- bower install hyperform
23
- ```
24
-
25
- or simply download the [ current version as ZIP
26
- archive] ( https://github.com/hyperform/hyperform/archive/master.zip ) .
20
+ ``` js
21
+ // "classic" CJS variant:
22
+ var hyperform = require (' hyperform' );
27
23
28
- Then embed ` dist/hyperform.min.js ` in your file:
24
+ // or "newer" ESM variant:
25
+ import hyperform from ' hyperform' ;
29
26
30
- ``` html
31
- <script src =" path/to/hyperform/dist/hyperform.min.js" ></script >
32
- <script >hyperform (window ); </script >
27
+ hyperform (window );
33
28
```
34
29
35
30
For Hyperform to work in old IEs you need polyfills for
Original file line number Diff line number Diff line change @@ -5,7 +5,7 @@ game: adarkroom
5
5
---
6
6
What parts of the [ HTML5 validation
7
7
API] ( https://html.spec.whatwg.org/multipage/forms.html#constraints ) are ready
8
- for prime time?
8
+ for prime time? ( : full_moon : : finished, : new_moon : : work-in-progress)
9
9
10
10
| feature | status | comment |
11
11
| ---------------------------- | ----------- | ------------------ |
Original file line number Diff line number Diff line change @@ -11,7 +11,7 @@ Download the whole project as Zip file:
11
11
<a class =" arcade-btn " href =" https://github.com/hyperform/hyperform/archive/master.zip " >Press Button for Download</a >
12
12
13
13
In this archive you will find the files ` dist/hyperform.min.js ` and
14
- ` css/hyperform.css ` . Simply include them in your project, and you’re ready to
14
+ ` css/hyperform.css ` . Include them in your project, and you’re ready to
15
15
go:
16
16
17
17
``` html
22
22
23
23
## Install via Package Managers
24
24
25
- The easiest way is installing via ` npm ` :
25
+ Hyperform is available from a package manager near you :
26
26
27
27
``` sh
28
+ # npm
28
29
$ npm install hyperform
30
+ # yarn
31
+ $ yarn add hyperform
32
+ # bower
33
+ $ bower install hyperform
29
34
```
30
35
31
- or you can use Bower:
36
+ These installations provide you with the same files as the direct download
37
+ above.
32
38
33
- ``` sh
34
- bower install hyperform
35
- ```
36
-
37
- Both methods provide you with the same files as the direct download above.
38
-
39
- If you use a build system like Browserify or Webpack, simply require Hyperform
40
- there:
39
+ If you use a build system like Browserify or Webpack, require Hyperform
40
+ in your own Javascript files:
41
41
42
42
``` js
43
+ // "classic" CJS variant:
44
+ var hyperform = require (' hyperform' );
45
+
46
+ // or "newer" ESM variant:
43
47
import hyperform from ' hyperform' ;
44
48
45
49
hyperform (window );
Original file line number Diff line number Diff line change @@ -26,8 +26,8 @@ eases your validation task with custom events and hooks.
26
26
</a >
27
27
</div >
28
28
29
- Hyperform is neatly packed in a single Javascript file and weights only 31kB
30
- (8.9kB gzipped!) and includes:
29
+ Hyperform is neatly packed in a single Javascript file, weights only 32kB
30
+ (9.3kB gzipped!) and includes:
31
31
32
32
* a ** full, working and compliant implementation** of the whole [ HTML 5
33
33
constraint
You can’t perform that action at this time.
0 commit comments