KSS : Kinetic Style Sheets
Ajax with Plone 3
KSS development patterns
Godefroid Chapelle - BubbleNet
Naples, October 2007

Overview
Goals
●
Design
●
Development patterns
●
Tests patterns
●

Goals
Business logic should be computed on the
●
server.
Good integration with current development
●
process.
Ensure we keep accessibility.
●
As few JS as possible.
●
Business logic should be computed on the
●
server.

Design
Kinetic stylesheets
●
event binding
Generic client-side engine
●
same as HTML or CSS
HTML snippets manipulation
Simple server-side API
●
DOM on the server
commands
Plugins
●
avoid dependency on JS librarys

Development patterns
HTML only first
●
for accessibility / cross browser
Client-side
●
Server-side
●

FireKiss
Demo
●
http://kssproject.org/downloads/firekiss.xpi
●

Development patterns
HTML only first
●
accessibility
Client-side
●
bind events
–
CSS 3 selectors
get data from HTML
–
value providers

Development patterns
Server-side
KSS views
–
Z3 browser views
inherit from kss.core.KSSView
Command sets
–
queried by name (core, zope, plone)
KSS events
–
Z3 subscribers
components

Tests patterns
Do not use Selenium
●
unless you create JS plugin
Check commands in KSS response
●
kss.core.tests.base.KSSViewTestCaseMixin
Check HTML elements
●
in manipulated page
selected for events
–
selected for targets
–

Thanks
More info
●
http://kssproject.org
Join the sprint with Balazs and Jeroen
●