Your SlideShare is downloading. ×
0
KSS : Kinetic Style Sheets




         Ajax with Plone 3
      KSS development patterns
          Godefroid Chapelle - Bu...
Overview


    Goals
●


    Design
●


    Development patterns
●


    Tests patterns
●
Goals
    Business logic should be computed on the
●

    server.
    Good integration with current development
●

    pro...
Design
    Kinetic stylesheets
●


              event binding

    Generic client-side engine
●


              same as H...
Development patterns
    HTML only first
●


            for accessibility / cross browser

    Client-side
●



    Serve...
FireKiss

    Demo
●




    http://kssproject.org/downloads/firekiss.xpi
●
Development patterns
    HTML only first
●


              accessibility

    Client-side
●


        bind events
    –
  ...
Development patterns
Server-side
      KSS views
  –
           Z3 browser views
           inherit from kss.core.KSSView
...
Tests patterns
    Do not use Selenium
●


            unless you create JS plugin

    Check commands in KSS response
●

...
Thanks
    More info
●


    http://kssproject.org
    Join the sprint with Balazs and Jeroen
●
Upcoming SlideShare
Loading in...5
×

Godefroid Chapelle Ajax With Plone 3 Kss Development Patterns

2,225

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 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,225
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
64
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Godefroid Chapelle Ajax With Plone 3 Kss Development Patterns"

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

    Clipping is a handy way to collect important slides you want to go back to later.

×