Godefroid Chapelle Ajax With Plone 3 Kss Development Patterns

  • 2,172 views
Uploaded on

Plone 3 comes with an integrated framework for Ajax development : KSS (Kinetic Style Sheets). This session will present the core characteristics of KSS : declarative and javascript-less. It will cover …

Plone 3 comes with an integrated framework for Ajax development : KSS (Kinetic Style Sheets). This session will present the core characteristics of KSS : declarative and javascript-less. It will cover how and why KSS is different of most existing Ajax frameworks. We will show that KSS fits component-based development. We will present the patterns that we saw emerge since we work with the framework. You will leave the talk with a good idea how to process towards the ajaxification of your Plone site or product while keeping them accessible. You will hear which pitfalls to avoid in this context. This session is geared to BOTH Plone integrators and developers.

More in: Business , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,172
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
63
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. KSS : Kinetic Style Sheets Ajax with Plone 3 KSS development patterns Godefroid Chapelle - BubbleNet Naples, October 2007
  • 2. Overview Goals ● Design ● Development patterns ● Tests patterns ●
  • 3. 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.
  • 4. 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
  • 5. Development patterns HTML only first ● for accessibility / cross browser Client-side ● Server-side ●
  • 6. FireKiss Demo ● http://kssproject.org/downloads/firekiss.xpi ●
  • 7. Development patterns HTML only first ● accessibility Client-side ● bind events – CSS 3 selectors get data from HTML – value providers
  • 8. 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
  • 9. 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 –
  • 10. Thanks More info ● http://kssproject.org Join the sprint with Balazs and Jeroen ●