JAva Script Toolkit

JA va S cript T oolkit Easy-to-use, Adaptable, Accessible http://jastegg.it http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica

What is? A lightweight JavaScript Framework With 16kb you have a working framework A simple way to get your web-applications more “Web 2.0” JAST means: AJAX, fx, Easy DOM management The solution to make “Web 2.0” accessible JAST respects the end-user, adopt the graceful enhanchement filosofy and soon will support WAI-ARIA roles, states and properties. JA va S cript T oolkit http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica

How it works?
Download the core (http://jastegg.it/eggs/core/ )
Upload in your web-site’s script folder
Include the script call in the pages of your website
Use the functions or include other eggs without any initializations
JA va S cript T oolkit <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it"> <head> < title>lorem ipsum</title> <script type="text/javascript" src="path-to-script/JAST.js"></script> <script type="text/javascript"> _._works() </script> </head> <body> </body> </html> http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica

How to extend its functionality?
Create new file
Use the JASTEggIt.extend( <egg>, <method> ) method
Save the file as JavaScript file (eg. foo-egg.js )
Include the script call in the pages of your website
Open your page!
JA va S cript T oolkit <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it"> <head> < title>lorem ipsum</title> <script type="text/javascript" src="path-to-script/JAST.js"></script> <script type="text/javascript" src="path-to-script/foo-egg.js"></script> </head> <body> </body> </html> http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica

JAST an example: “hello world!” Answer #1: How an Egg could run on the page contents ready? JA va S cript T oolkit JASTEggIt.extend('fooEgg‘, { startup: function(){ alert('hello world!'); } } ); Answer #2: How an Egg could run on user demand? fooEgg.js JASTEggIt.extend('fooEgg‘, { foo: function(){ alert('hello world!'); } } ); Mypage.html <script type="text/javascript“ src=“JAST.js"></script> <script type="text/javascript“ src="fooEgg.js"></script> <script type="text/javascript"> … _.fooEgg.foo(); … </script> Step #1 Step #2 http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica

JAST do it better!
Answer #3: When the page content are ready?
A temporal interval between the user request and the Load Event of the page.
the document “onLoad” event happens after the browser loads all contents of the pages and they are ready and ALL loaded.
JAST, instead, do it better: it fires the event when all page content is ready.
JA va S cript T oolkit http://jastegg.it – Creative Commons 3.0 – by – nc – Diego La Monica

JAST do it!
XML
Menu
AJAX
Tabbed forms
Easy URL Management
Easy DOM management
Custom forms representaion
Easy/Simple extensibile mechanism
Allowed Cross Site Scripting (AXSS)
Special Effects ( Fade / Moving / Stretching / FX Queues )
Popup Box
Step Wizard
Accessible Rich Text Box
Step Wizard
Full cross browser compliant ( tested with Firefox 2.0+, Internet Explorer 6.0+, Opera, Safari 3+ )
Many other things!

Who talks about JAST?
Italian Web Design ( http://www.italianwebdesign.it )
Internet Magazine nr. 124 - March 2008 “JAST non è… just another Framework!”
JAST is an IWA Useful Resource!

JAva Script Toolkit

by Diego La Monica on Mar 16, 2008

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 7

Statistics

JAva Script Toolkit — Presentation Transcript

http://onwebdev.blogspot.com	3
http://www.slideshare.net	3
http://www.jastegg.it	1