Yahoo User Interface Library

1
Yahoo! User Interface Library

• http//developer.yahoo.com/yui/

2
Introduction

• YUI is used to build interactive web applications
  and Browser plugins
• They are written in JavaScript
• To start off, you would need your own web server
  and host the YUI Library source files on the web
  server.

3
Features

• Provides Utilities like
• Animation
• Connection Manager
• Drag Drop
• Event
• Provides Control like
• Auto Complete
• Calendar
• Container
• Menu
• Tree View

4

• Sample Code for Creating a Menu
• lthtmlgt
• ltheadgt
• ltmeta http-equiv"content-type"
  content"text/html charsetutf-8"gt
• lttitlegtExample of a Basic Menu
  Designlt/titlegt
• ltlink rel"stylesheet" type"text/css"
  href"../../build/reset/reset.css"gt
• ltlink rel"stylesheet" type"text/css"
  href"../../build/fonts/fonts.css"gt
• ltlink rel"stylesheet" type"text/css"
  href"../../build/menu/assets/menu.css"gt
• ltstyle type"text/css"gt
• body margin.5em
• lt/stylegt
• ltscript type"text/javascript"
  src"../../build/yahoo/yahoo.js"gtlt/scriptgt
• ltscript type"text/javascript"
  src"../../build/event/event.js"gtlt/scriptgt

5

• LifeTypeOpenSource Blogging Platform
• http//wiki.lifetype.net/index.php/Main_Page

6
Introduction

• LifeType is an open-source blogging platform with
  support for multiple blogs and users in a single
  installation
• Requires PHP and MySQL to run
• LifeType can be run on UNIX, LINUX and Windows
  platform

7
Features

• Provides support for Podcasting, Uploading Media
  Files, etc.
• Supports different design templates
• Has a built-in Bayesian spam filter to keep the
  comments and trackbacks in the blogs clean
• Provides integration for publishing to and
  accessing blogs through mobile devices
• Provides code to save and retrieve information to
  and from the database
• Generates different layout of the menus and
  different user interfaces using external plugins