Working with WET v4.0.x
Learn how to develop plugin and write HTML content into an powerfull WCAG compliant web front-end.
My goal is to teach you:
- What is WET for a developer
- Develop WET plugin
- Customize your theme
(This is a work in progress.)
What you should know about WET
- WET is front-end focused, this means we only care about content that are executed in the browser.
- WET ease web editor life to create rich and complex interactive interface simple as adding a CSS class.
- WET follow the progressive enhancement design principle, so every plugin start from html element.
- WET is a full complete package even if you need only one small specific thing.
- WET was firstly designed to help canadian governement employee to comply at their web accessibility standards.
Design chalenge
- WET building process can be complicated and sometime very chalenging but it's create a robust build.
- WET is a massive heavy package with functionality and plugins that you may not or rarely need for your website.
- WET is event driven.
Design principle
- Mobile first
- Progressive enhancement
- WCAG Level AA compliant
- Leverages WAI-ARIA to enhance accessibility
- Follow specification then particular implementation
- Keep data independant from interaction logic
- Optimize your Javascript, CSS and HTML code
Build on top of existing solution
- Bootstrap
- jQuery
- selectivizr
- jQuery Validation Plugin
- Flot
- OpenLayers 2
- Proj4js
- Magnific Popup
- DataTables
Consult all third party software used in WET
Solution | Version | Used in WET for... |
---|---|---|
Bootstrap Sass | 3.3.1 | Core |
es5-shim | 2.3.0 | Core |
html5shiv | 3.7.2 | Core |
jquery | 2.1.4 | Core |
jquery-oldIE | jquery#1.11.1 | Core |
jquery-pjax | 1.9.6 | Core |
jquery-validation | 1.15.0 | Core |
respond | 1.4.2 | Core |
selectivizr | 1.0.2 | Core |
excanvas | latest | Charts and graph |
flot | 0.8.3 | Charts and graph |
SideBySideImproved | latest | Charts and graph |
openlayers | 2.13.1 | Geomap |
proj4 | 2.3.3 | Geomap |
magnific-popup | 1.0.0 | Lighbox |
google-code-prettify | 1.0.4 | Pretify |
DataTables | 1.10.7 | Tables |
Based on dependencies for WET 4.0.22 build. Consult bower.json
to see the latest information about the dependencies used
Ressources
Editing
- Date modified: