Pradip P Caulagi [email_address] YUI @ 30K feet
Test1 Test2
What <ul><li>Fast, complete, industrial strength </li></ul>http://www.flickr.com/photos/mdpettitt/2680427905/ Fast, comple...
What? <ul><li>Open source JavaScript and CSS library </li></ul><ul><li>Highly modular </li></ul><ul><li>Plugins and extens...
Not in playing 11 <ul><li>YUI Compressor </li></ul><ul><li>YUI Doc </li></ul><ul><li>YUI Build tool </li></ul><ul><li>YUI ...
YUI CSS <ul><li>CSS Base </li></ul><ul><li>CSS Reset </li></ul><ul><li>CSS Fonts </li></ul><ul><li>CSS Grids </li></ul><ul...
Widgets <ul><li>AutoComplete </li></ul><ul><li>Calendar </li></ul><ul><li>Charts </li></ul><ul><li>DataTable </li></ul><ul...
Calendar
Autocomplete demo
Utilities <ul><li>Anim </li></ul><ul><li>AsyncQueue </li></ul><ul><li>Cache </li></ul><ul><li>Cookie Utility </li></ul><ul...
YQL + Twitter demo
Seven reasons <ul><li>Familiar conventions and idioms </li></ul><ul><li>Lazy loading </li></ul><ul><li>Professional patter...
Thank you
Upcoming SlideShare
Loading in …5
×

Hacku IIT Kanpur 2011

837 views
804 views

Published on

A 30K feet introduction to YUI

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
837
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Hacku IIT Kanpur 2011

  1. 1. Pradip P Caulagi [email_address] YUI @ 30K feet
  2. 2. Test1 Test2
  3. 3. What <ul><li>Fast, complete, industrial strength </li></ul>http://www.flickr.com/photos/mdpettitt/2680427905/ Fast, complete, industrial strength Fast, complete, industrial strength
  4. 4. What? <ul><li>Open source JavaScript and CSS library </li></ul><ul><li>Highly modular </li></ul><ul><li>Plugins and extensions </li></ul><ul><li>Well documented </li></ul>
  5. 5. Not in playing 11 <ul><li>YUI Compressor </li></ul><ul><li>YUI Doc </li></ul><ul><li>YUI Build tool </li></ul><ul><li>YUI Php loader </li></ul><ul><li>YUI Test and YETI </li></ul>
  6. 6. YUI CSS <ul><li>CSS Base </li></ul><ul><li>CSS Reset </li></ul><ul><li>CSS Fonts </li></ul><ul><li>CSS Grids </li></ul><ul><li>Can be applied globally/contextually </li></ul>
  7. 7. Widgets <ul><li>AutoComplete </li></ul><ul><li>Calendar </li></ul><ul><li>Charts </li></ul><ul><li>DataTable </li></ul><ul><li>Dial </li></ul><ul><li>MenuNav </li></ul><ul><li>Overlay </li></ul><ul><li>Panel </li></ul><ul><li>ScrollView </li></ul><ul><li>Slider </li></ul><ul><li>TabView </li></ul>
  8. 8. Calendar
  9. 9. Autocomplete demo
  10. 10. Utilities <ul><li>Anim </li></ul><ul><li>AsyncQueue </li></ul><ul><li>Cache </li></ul><ul><li>Cookie Utility </li></ul><ul><li>DataSchema </li></ul><ul><li>DataSource </li></ul><ul><li>DataType </li></ul><ul><li>Drag and Drop </li></ul><ul><li>FocusManager Node Plugin </li></ul><ul><li>Get </li></ul><ul><li>Graphics </li></ul><ul><li>History </li></ul><ul><li>ImageLoader </li></ul><ul><li>Internationalization </li></ul><ul><li>IO Utility </li></ul><ul><li>JSON </li></ul><ul><li>JSONP </li></ul><ul><li>Recordset </li></ul><ul><li>Resize </li></ul><ul><li>Rich Text Editor </li></ul><ul><li>Sortable beta </li></ul><ul><li>StyleSheet </li></ul><ul><li>SWF Utility </li></ul><ul><li>Transition </li></ul><ul><li>Uploader </li></ul><ul><li>YQL Query </li></ul>
  11. 11. YQL + Twitter demo
  12. 12. Seven reasons <ul><li>Familiar conventions and idioms </li></ul><ul><li>Lazy loading </li></ul><ul><li>Professional patterns </li></ul><ul><li>Sandboxes </li></ul><ul><li>Event systems </li></ul><ul><li>Pro features </li></ul><ul><li>Core + community </li></ul>
  13. 13. Thank you

×