Today, I have no opinion on the Internet and found the Yahoo UI development kit.

Source: Internet
Author: User

Today, I turned around on the Internet and found some good things in Yahoo's UI development kit without my opinion.

It is strongly recommended that you develop WEB brothers to download .....

Http://developer.yahoo.net/yui/

Latest (local download) http://files.cnblogs.com/sbdx/Yahoo UI 0.11.4.zip

 

Yahoo! User Interface Library

The Yahoo! User Interface Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, HTML and AJAX. the UI Library Utilities facilitate the implementation of rich client-side features by enhancing and normalizing the developer's interface to important elements of the browser infrastructure (such as events, in-pag E HTTP requests and the DOM ). the Yahoo UI Library Controls produce visual, interactive user interface elements on the page with just a few lines of code and an encoded CSS file. all the components in the Yahoo! User Interface Library have been released as open source under a BSD license and are free for all uses.

These pages provide an overview of the Yahoo! UI Library as well as patterns and articles that help you create dynamic web applications with the Yahoo! UI Library. It contains these sections:

  • Getting Started
  • Licensing
  • Download
  • Components
  • Design Patterns
  • Articles
  • Support & Community
Getting Started

To get started with the Yahoo! UI Library:

  1. Download the Yahoo! UI components

    The Yahoo! UI Library files are provided as downloadable ZIP files. You can download the Yahoo! UI Library as a complete package or use only the components you need. We do not host the Yahoo! UI library components; you must download the component you are interested in (or the entire package) and install it on your own web server.

  2. Include one or more library files in your web page

    To use a specific component from the Yahoo! UI Library, include the path to that library in a <script> tag within your web page. some components may have dependencies on other components, in which case you must include all the necessary components in individual <script> tags.

  3. Include a CSS file, if necessary

    Most Yahoo! UI Library Controls have a corresponding CSS file that determines the appearance of that component. you will also need to include that CSS file in a <style> tag in your web page. although you are free to modify the CSS file to achieve a presentation specifically tailored to your site, you may find it helpful to use the specified ded file as a starting point. (Note that unlike controls, utilities do not come with CSS files ).

  4. Need e the documentation and examples

    Each component includes detailed API documentation as well as examples of common use to help you get the specific results you're seeking. be sure to review the API as you get started to ensure that you have a sense of what's possible. understanding the API will be an important step on the road to a successful implementation.

Licensing

All of the Yahoo! UI Library components are provided free of charge under a BSD license.

Download

Download the complete Yahoo! UI Library. (ZIP File ).

You can also download each library component separately from the main page for that component.

Components

Yahoo! User Interface Library components fall into two groups: Core Utilities and UI Controls.

Core Utilities

The Yahoo! UI Core Utilities simplify in-browser devolvement that relies on cross-browser DOM scripting, as do all web applications with DHTML and AJAX characteristics.

Animation: Create "cinematic effects" on your pages by animating the position, size, opacity or other characteristics of page elements. these effects can be used to reinforce the user's understanding of changes happening on the page.

Connection Manager: This utility library helps manage XMLHttpRequest (commonly referred to as AJAX) transactions in a cross-browser fashion, including integrated support for form posts, error handling and callbacks.

DOM: The DOM Utility is an umbrella object comprising a variety of convenience methods for common DOM-scripting tasks, including element positioning and CSS style management.

Drag and Drop: Create draggable objects that can be picked up and dropped elsewhere on the page. you write code for the "interesting moments" that are triggered at each stage of the interaction (such as when a dragged object crosses over a target ); the utility handles all the housekeeping and keeps things working smoothly in all supported browsers.

Event: This sophisticated manager class gives you easy and safe access to browser events (such as clicks and key presses ). the Event package also parameters des the Custom Event object, a mechanic for publishing and subscribing to interesting moments in your own application flow.

UI Controls

The Yahoo! UI Library Controls provide highly interactive visual design elements for your web pages. These elements are created and managed entirely on the client side and never require a page refresh.

Note: In the code for the UI Controls you will see frequent references to the term "widgets." This is an internal name for these components; do not confuse the Yahoo! UI Library Controls with Yahoo! Widgets.

UI Controls include:

Calendar: The Calendar Control is a graphical, dynamic control used for date selection.

Slider: This control provides a generic slider element that enables the user to choose within a finite range of values on one or two axes.

TreeView: The TreeView control produces a content tree whose nodes can be expanded and contracted by user interaction (and by script, where necessary ). the nodes can contain links or custom properties and can be loaded dynamically. the display of the node elements can be customized with CSS to create a folder view, to-do task list, and so on.

Yahoo! Design Patterns

The Yahoo! Design Pattern Library is an evolving set of sophisticated design guidelines for building web pages and applications. Our design patterns do not require the Yahoo! UI Library components, although using our UI Library can help you more easily implement the patterns described in these pages.

Articles

Graded Browser Support: This article details Yahoo! 'S current practice and serves as the browser-support philosophy we use in our development of the Yahoo! User Interface Library. Graded Browser Support provides graceful degradation and progressive enhancement of the web experience for users by categorizing and grading web browsers and platforms and developing web applications accordingly.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.