Your SlideShare is downloading. ×
Godefroid Chapelle   Ajax With Plone 3   Kss Development Patterns
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Godefroid Chapelle Ajax With Plone 3 Kss Development Patterns

2,196
views

Published 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.

Published in: Business, Technology

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,196
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
64
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 ●

×