Releases: Der-Zauberer/SimpleWebDesign
2.6 SimpleWebDesign
Accessibility Update
New Features
- semantic accessibility components or aria roles
- accessible tab-focus highlight
- flexbos and grid as semantic accessibility list
Improvements
- navigation scroll behavior
- dialog scroll behavior
<link href="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.6/swd.min.css" rel="stylesheet">
<script src="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.6/swd.min.js"></script>npm i simplewebdesign
2.5 SimpleWebDesign
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
<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 i simplewebdesign
2.4 SimpleWebDesign
Improvements
- dropdown resize
- dropdown jiggle on scoll
- menu overflow
- navigation open state position
- javascript eval security issue
<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 i simplewebdesign
2.3 SimpleWebDesign
Improvements
- dropdown inside overflow boxes
- i18n error handling
- form button issues
- mininmal subtitle size
- dynamic color improvements
<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 i simplewebdesign
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
2.1 SimpleWebDesign - Color & Icon Update
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
2.0 SimpleWebDesign
2.0 SimpleWebDesign
The whole framework has been redesigned since the last version 1.10 to improve performance and development speed. Components are implemented as native web-components and can be used in single-page-application frameworks such as angular and vue without any wrapper. Only web-components support have to be enabled.
Web-Components
Components are using the Web-Components implementation for faster event-handling and better interfaces.
Dynamic Color System
Theme colors can be easily set with variables. The framework supports automatic light-mode/dark-mode detection but can also be used with one mode only.
I18n Localization
Attributes and inner-html text can be localized. The translations can be stored in properties files.
Lightweight Databinding
There is a simple way to read and write data to attributes and inner-html.
Online Resources
<link href="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.0/style.min.css" rel="stylesheet">
<script src="https://der-zauberer.github.io/SimpleWebDesign/downloads/v2.0/script.min.js"></script>1.10 SimpleWebDesign
Added:
- text-overflow class
- dropdown disabled style
- input autofill style
- new colors
Improved:
- dropdown keyboard interaction
- dropdown tab order
- input error display
- input disabled style
- menu scroll
- footer position
1.9 SimpleWebDesign
Improved:
- input dirty mark
- root style customization
1.8 SimpleWebDesign
Added:
- new icons
- notification component
Improved:
- menu spacing
- icon positioning
- icons matching light- and darkmode