2.5 SimpleWebDesign latest
New Features
- 8 new icons (pen, home, dashboard, calendar, chat, user, lock, bookmark)
Improvements
- dropdown event handling
- dropdown controls
- button inputs for dropdown
- color contrast issues
- menu overflow component
- border spacing replacement for buttons and cards
Online Resources
<link href="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.5/swd.min.css" rel="stylesheet">
<script src="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.5/swd.min.js"></script>
Npm Package
npm i simplewebdesign
Offline Downloads
2.4 SimpleWebDesign
Improvements
- dropdown resize
- dropdown jiggle on scoll
- menu overflow
- navigation open state position
- javascript eval security issue
Online Resources
<link href="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.4/swd.min.css" rel="stylesheet">
<script src="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.4/swd.min.js"></script>
Npm Package
npm i simplewebdesign
Offline Downloads
2.3 SimpleWebDesign
Improvements
- dropdown inside overflow boxes
- i18n error handling
- form button issues
- mininmal subtitle size
- dynamic color improvements
Online Resources
<link href="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.3/swd.min.css" rel="stylesheet">
<script src="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.3/swd.min.js"></script>
Npm Package
npm i simplewebdesign
Offline Downloads
2.2 SimpleWebDesign
New Features
- i18n programaticly localization
Improvements
- dropdown behavior on mobile devices
- color system bugfixes
- font size on mobile devices
- label size and padding
Online Resources
<link href="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.2/swd.min.css" rel="stylesheet">
<script src="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.2/swd.min.js"></script>
Offline Downloads
2.1 SimpleWebDesign
New Features
- 14 new icons
- 3 new colors
- loading spinner
- loading skeleton
- SPA-Framework compatability
Improvements
- i18n error handling
- default color switch from hex to hsl
- hoverable ghost card
Online Resources
<link href="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.1/swd.min.css" rel="stylesheet">
<script src="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.1/swd.min.js"></script>
Offline Downloads
2.0 SimpleWebDesign
Online Resources
<link href="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.0/swd.min.css" rel="stylesheet">
<script src="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.0/swd.min.js"></script>
Offline Downloads
Minified versions are compiled with toptal.com (Css) and toptal.com (Javascript)