Test Patternslib

Toolkit für die wichtigsten Funktionen OHNE Javascriptcalls machen zu müssen. Alles funktioniert per CSS Klassen und data attributes.
Custom Build 2.0.12 mit Jquery 1.11.1

pat-bumper: Bereich der am oberen Rand stehen bleibt.

checked-flag: Beim Check eines Inputs kann so die Legend angesprochen werden

Kann per classes unterschiedlich gestylt werden

Type of bread
Toppings

pat-modal: Modal öffnen

Statischer Content oder Content per Ajax laden

Modal zeigen

pat-notification: Modal öffnen

Statusmeldungen mit Close

Dies wäre eine Statusmeldung! [ healing:persistent ]
// Enthält:
'modernizr',
'prefixfree',
'pat-auto-suggest',
'pat-bumper',
'pat-checked-flag',
'pat-checklist',
'pat-date-picker',
'pat-depends',
'pat-inject',
'pat-modal',
'pat-notification',
'pat-tooltip',
'pat-validation',
'pat-zoom'

Vorteile:

  • Alles sollte prima zusammenarbeiten
  • Keine Javascriptcalls nötig. Alles wird per CSS Klassen und HTML5 data attributes gesteuert

Nachteile:

  • Alles recht gross. Von 1MB runter bis 400kb.
  • Jquery scheint mit drin zu sein...

Fazit:

  • mal testen

Quellen: