1.2.86 • Published 5 years ago

d1css v1.2.86

Weekly downloads
4
License
MIT
Repository
github
Last release
5 years ago

d1

DEPRECATED

This is no longer maintained.
Please consider using d1-web instead.


d1 is a lightweight yet functional responsive CSS microframework with optional JavaScript enhancements.
It aims to implement most widely used interface components with less code.

Features

  • lightweight (minified and gzipped: CSS <4 KB, optional JS <4 KB)
  • non-bloated class names
  • functional
  • modern
  • responsive (flexbox, mobile first)
  • performant
  • semantic (uses native elements)
  • valid
  • cross-browser
  • JavaScript not required
  • enhanced with JavaScript
  • neutral style
  • customizable style with css vars
  • no floats
  • no hacks
  • accessibility is not much covered

Add-ons

  • d1calendar replaces standard HTML date and datetime-local inputs with custom dropdown calendar
  • d1dialog replaces standard Javascript dialogs: alert, confirm, prompt
  • d1edit turns textarea into lightweight WYSIWYG editor
  • d1gallery makes lighweight image gallery
  • d1lookup autocompletes lookups with data from XHTTP request
  • d1tablex makes HTML table searchable and sortable
  • d1valid sets custom form validation.

Getting Started

Use from CDN

jsDelivr

<link href="https://cdn.jsdelivr.net/npm/d1css@1/dist/d1.min.css" rel="stylesheet">
<!-- optional -->
<script src="https://cdn.jsdelivr.net/npm/d1css@1/dist/d1.min.js"></script>
<script>
  d1.load();
</script>

GitCDN

<link href="https://gitcdn.link/repo/vvvkor/d1/master/dist/d1.min.css" rel="stylesheet">
<!-- optional -->
<script src="https://gitcdn.link/repo/vvvkor/d1/master/dist/d1.min.js"></script>
<script>
  d1.load();
</script>

Install with NPM

Install to your repository:

npm install d1css

Then use in your CSS file:

@import "../node_modules/d1css/dist/d1.min.css";

And optionally bundle into your JavaScript file:

var d1 = require("d1css");
d1.load();

Install manually

Download minified d1 files.

<link href="d1.min.css" rel="stylesheet">
<!-- optional -->
<script src="d1.min.js"></script>
<script>
  d1.load();
</script>

Browser Support

  • IE 9 (mobile style only, no js enhancements)
  • IE 10+, Edge (except details/summary component)
  • Latest Stable: Chrome, Firefox, Opera, Safari
  • iOS 6-8
  • Android 4.x

Docs

Docs and demo

Thanks

License

MIT

1.2.86

5 years ago

1.2.85

6 years ago

1.2.84

6 years ago

1.2.81

6 years ago

1.2.82

6 years ago

1.2.83

6 years ago

1.2.80

6 years ago

1.2.79

6 years ago

1.2.78

6 years ago

1.2.76

6 years ago

1.2.77

6 years ago

1.2.75

6 years ago

1.2.74

6 years ago

1.2.73

6 years ago

1.2.72

6 years ago

1.2.71

6 years ago

1.2.70

6 years ago

1.2.69

6 years ago

1.2.68

6 years ago

1.2.67

6 years ago

1.2.66

6 years ago

1.2.65

6 years ago

1.2.64

6 years ago

1.2.63

6 years ago

1.2.62

6 years ago

1.2.61

6 years ago

1.2.59

6 years ago

1.2.58

6 years ago

1.2.57

6 years ago

1.2.56

6 years ago

1.2.55

6 years ago

1.2.54

6 years ago

1.2.53

6 years ago

1.2.52

6 years ago

1.2.51

6 years ago

1.2.50

6 years ago

1.2.49

6 years ago

1.2.48

6 years ago

1.2.47

6 years ago

1.2.46

6 years ago

1.2.45

6 years ago

1.2.44

6 years ago

1.2.43

6 years ago

1.2.42

6 years ago

1.2.41

6 years ago

1.2.40

6 years ago

1.2.39

6 years ago

1.2.38

6 years ago

1.2.37

6 years ago

1.2.36

6 years ago

1.2.35

6 years ago

1.2.34

6 years ago

1.2.33

6 years ago

1.2.32

6 years ago

1.2.31

6 years ago

1.2.30

6 years ago

1.2.29

6 years ago

1.2.28

6 years ago

1.2.27

6 years ago

1.2.25

6 years ago

1.2.24

6 years ago

1.2.23

6 years ago

1.2.22

6 years ago

1.2.21

6 years ago

1.2.20

6 years ago

1.2.19

6 years ago

1.2.18

6 years ago

1.2.17

6 years ago

1.2.16

7 years ago

1.2.15

7 years ago

1.2.14

7 years ago

1.2.12

7 years ago

1.2.11

7 years ago

1.2.10

7 years ago

1.2.9

7 years ago

1.2.8

7 years ago

1.2.7

7 years ago

1.2.6

7 years ago

1.2.5

7 years ago

1.2.4

7 years ago

1.2.3

7 years ago

1.2.2

7 years ago

1.2.1

7 years ago

1.2.0

7 years ago

1.1.56

7 years ago

1.1.55

7 years ago

1.1.54

7 years ago

1.1.53

7 years ago

1.1.52

7 years ago

1.1.51

7 years ago

1.1.50

7 years ago

1.1.49

7 years ago

1.1.48

7 years ago

1.1.47

7 years ago

1.1.46

7 years ago

1.1.45

7 years ago

1.1.44

7 years ago

1.1.43

7 years ago

1.1.42

7 years ago

1.1.41

7 years ago

1.1.40

7 years ago

1.1.39

7 years ago

1.1.38

7 years ago

1.1.37

7 years ago

1.1.36

7 years ago

1.1.35

7 years ago

1.1.34

7 years ago

1.1.33

7 years ago

1.1.32

7 years ago

1.1.31

7 years ago

1.1.30

7 years ago

1.1.29

7 years ago

1.1.28

7 years ago

1.1.27

7 years ago

1.1.25

7 years ago

1.1.24

7 years ago

1.1.23

7 years ago

1.1.22

7 years ago

1.1.21

7 years ago

1.1.20

7 years ago

1.1.19

7 years ago

1.1.18

7 years ago

1.1.17

7 years ago

1.1.16

7 years ago

1.1.15

7 years ago

1.1.14

7 years ago

1.1.12

7 years ago

1.1.11

7 years ago

1.1.10

7 years ago

1.1.9

7 years ago

1.1.8

7 years ago

1.1.7

7 years ago

1.1.6

7 years ago

1.1.5

7 years ago

1.1.4

7 years ago

1.1.3

7 years ago

1.1.2

7 years ago

1.1.1

7 years ago

1.1.0

7 years ago

1.0.17

7 years ago

1.0.16

7 years ago

1.0.15

7 years ago

1.0.14

7 years ago

1.0.13

7 years ago

1.0.12

7 years ago

1.0.11

7 years ago

1.0.10

7 years ago

1.0.9

7 years ago

1.0.8

7 years ago

1.0.7

7 years ago

1.0.6

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago