Преглед на библиотеката на потребителския интерфейс на Yahoo, Hostinfo
Общ преглед на библиотеката на потребителския интерфейс на Yahoo
Преглед на потребителския интерфейс на Yahoo
Създаването на унифицирани и в същото време разнообразни библиотеки от скриптове, стилове, елементи на дизайна не е твърде нова задача. Yahoo обаче подходи креативно и глобално. Преди време беше обявено стартирането на проект за формиране на Javascript библиотека, CSS модули в рамките на Yahoo! Мрежа за разработчици.
Yahoo! Библиотеката на потребителския интерфейс е колекция от помощни програми и контроли на Javascript, използващи DHTML методи, DOM и AJAX технология. Библиотеката YUI включва и разнообразни таблици със стилове. За да използвате YUI, трябва да изтеглите библиотеката от уебсайта на Yahoo или от едно от огледалните сървъри, връзки към които са дадени тук на страницата на проекта. Обемът на изтегляне е малък - само около 6 MB. Вече е налична версия 0.11.2, но проектът се развива много динамично и изданията се актуализират приблизително веднъж месечно. Каченият пакет включва: самата библиотека, колекция от примери по модули и документация. Използването на библиотеката е безплатно съгласно лиценза BSD. Има две възможни приложения - инсталиране директно на уеб сървър и локално свързване на отделни модули и стилове към вашия собствен проект.
Дълго време бяха разработени сайтове за определени видове браузъри. Сега има около 10 000 от тях, включително различни версии и модификации. Основните браузъри обаче обикновено се придържат към спецификациите на W3C. Съответно YUI също следва спецификациите на консорциума и не зависи от браузъра и платформата.
Ето състава на функционалните модули:
- анимация - анимация;
- autocomplete - автодовършване;
- работа с календари - календар;
- управление на връзката със сървъри - връзка;
- контейнери - контейнер;
- Управление на DOM обекти - dom;
- контрол на движението на обекти на браузъра - dragdrop;
- прихващане и обработка на събития - събитие;
- шрифтове - шрифтове;
- маси - решетки;
- дърводобив - трупи;
- елементи от менюто - меню, нулиране, плъзгач, дървовиден изглед;
- използване на Yahoo - yahoo услуги;
Сега нека се запознаем по-подробно с възможностите на отделните компоненти на библиотеката YUI и примери за тяхното използване. Както обикновено, овладяването на нов софтуерен компонент започва с документация. Така че, след разопаковане на архива, отидете в папката с документи и изберете подпапката за модула, който ни интересува. Нека бъде "контекстното меню" (фиг. 2). Компонентите на самия YUI се използват за изграждане на помощ. Те могат да бъдат представени както под формата на дърво, така и списък по елементи. Използването на помощта е повече от удобно: внедрени са подробни менюта, препратки към елементи.