Yahoo! User Interface блог (YUIBlog)

Здание Sideline: уроки в YUI + Adobe AIR

Вы никогда не задумывались, что люди говорят сейчас о вашей компании, бренда, услуги, продукты, и т.д.? Sideline , вдохновленные недавней внутренний проект рубить на Yahoo!, выходит за рамки стандартного процесса опрос клиентов, чтобы слушать в режиме реального времени к людям говорить о ваших товарах и затем использовать эту обратную связь для улучшения обслуживания или помочь пользователям в решении их проблем.

Короче говоря, цели нашего проекта были

• Создание настольного приложения, которое позволяет создавать, группировка и автоматическое выполнение сложных запросов поиска по щебетать
• Использование существующих профессиональных навыков и инструментов
• Целевая Windows, Mac OS X, и Linux операционных систем и свести к минимуму количество платформе код, который должен быть написан
• Открытый исходный код, чтобы другие могли учиться, вносить свой вклад и / или распространять продукт по своему усмотрению

Наша команда интерфейсных инженеры являются экспертами в области JavaScript, CSS, HTML, PHP и, но не имеют большой опыт разработки приложений для настольных компьютеров. Таким образом, вопрос стал, как максимизировать наши существующие навыки наборы для настольных развития? Ответ на этот вопрос для нас было использовать платформу Adobe AIR , которая "позволяет разработчикам использовать проверенные веб-технологий для создания многофункциональных интернет-приложений, которые работают за пределами браузера на нескольких операционных систем". С AIR поддерживает HTML / JavaScript развития (в дополнение к Flex и Flash), мы можем строить наши заявки на традиционных веб-технологий, на вершине Юй , и он работает на трех основных операционных систем рабочего стола.

YUI Grids в AIR

Sideline содержит обширную реализации библиотеки YUI. Следует надеяться, послужит хорошим примером для других разработчиков, заинтересованных в экспериментировать с YUI и Adobe AIR. Размещение приложений строится с помощью YUI Grids и даже использует недавно добавленные роли ARIA Landmark . Сетки работает очень хорошо в воздушной среде и сделала редизайн, которые произошли в середине развитие легко реализовать с минимальными изменениями кода. Как и в стандартной среде браузера, YUI Grids может служить основой для большой AIR приложения, даже если разработчик решит против использования остальной части библиотеки JavaScript и выбрал другую основу, а не.

Юй компонентов в воздухе

В дополнение к сетям, Sideline также использует дом , события , перетаскивания , JSON , Selector , контейнеров , кнопки , меню , слайдер , и TabView компонентов. Я рад сообщить, что все YUI компоненты выполнены очень хорошо в воздушной среде и не требует изменений. Sideline ли реализовать достаточно настроить дизайн и, следовательно, некоторые настроенные скинов компонентов YUI было необходимости, но не основной модификации. Большинство приложений AIR, как правило, имеют богатый настольных приложений чувствовать к ним. Для этого уровень настройки, статья Юй шкуры большой ссылку, чтобы начать.

Помимо браузера

Значительного повышения платформе Adobe AIR по сравнению с традиционными веб-среду, является доступ к локальной базе данных SQLite и файловой системе пользователя. Местное доступ к базе данных становятся все более доступны в традиционных средах веб с помощью технологии, такие как Gears и HTML 5 на стороне клиента хранения, но сейчас эти решения не являются повсеместными. Для тех, кто заинтересован в развитии AIR, Sideline не решал многие общие задачи, типичные приложения AIR может потребоваться, например, получение внешних данных, обработка обновлений приложений, взаимодействующих с локальной базой данных, работа с локальной файловой системы, запуская собственные окна браузера, отображение уведомлений рабочего стола, и т.д. Это должно оказаться полезным ориентиром в этом отношении.

Советы по развитию AIR

1. Знай своего окружения. AIR использует источник WebKit браузер с открытым двигателем под капотом. Традиционные веб-разработок направлена ​​на создание приложений или работе сайта через столько браузеров / операционных систем, как это возможно. Какие браузеры поддерживают правило, сводится к тому, фактор стоимости в сравнении с их использованием. Однако, кодирующий один движок уменьшает потребность в подготовке и протестировать болото возможных комбинаций на рынке. Это, как говорится, все же имеет смысл развивать в кросс-браузерный образом, если возможно, так как может наступить момент, когда приложение должно найти свой путь обратно в более традиционной среде браузера. Использование такой структуры, как YUI сделает этот процесс относительно безболезненным. Это просто, чтобы посмотреть браузерах и платформах в настоящее время поддерживается с помощью YUI Градуированные график поддержка браузера . Разработчики должны быть достаточно безопасны, чтобы взять некоторые основные клавиши при создании приложений AIR (с помощью -webkit-border-radius делают закругленными углами ветер), но использовать их экономно и документировать их, чтобы они легко обнаружить позже.
2. При разработке сложных приложений в любой среде солидным набором средств отладки является must-have. Adobe предоставляет ряд полезных инструментов для отладки воздух из окна. Разработчики должны исследовать AIR Debug Launcher (ADL) , HTML Introspector , и средства просмотра HTML-источника . В дополнение к комплекту инструментов, Aptana Studio с плагин Adobe AIR оказался незаменимым средством. Плагин Aptana оказывает помощь в создании проекта AIR, импорт из общих рамок JavaScript, отладка, упаковка / экспорт и цифровой подписи приложений.
3. Не забывайте, техники исполнения, мы узнали от стандартной среде браузера (например, оптимизация изображения, уменьшать и объединить CSS приложения и файлы JavaScript, так и для тяжелых событий приложений, как боковой линии, воспользоваться методами событие делегации ) . AIR приложения выполняются на рабочем столе и так есть немного больше снисходительности с производительностью, чем в обычной среде браузера, но помните, как самого браузера, AIR контейнер также потребляет часть памяти системы еще до того, пользовательский код приложения ударов в .

Дорога в будущее

Бета-версия Sideline может быть установлен на http://sideline.yahoo.com . Код с открытым исходным кодом на условиях лицензии BSD и размещается на GitHub . Мы приветствуем вклад, обратная связь, и / или предложения. Кроме того, в духе сохранения вещи максимально открытой и поддержка новых технологий, мы, скорее всего, перенести Sideline на Титан в ближайшем будущем. Некоторые первоначальные работы уже было сделано на порт и будет продолжаться в течение ближайших недель. Кроме того, вполне возможно, что Sideline в конечном итоге реализация ORM JavaScript, таких как JazzRecord , чтобы облегчить взаимодействие баз данных на разных платформах. Если у кого есть дополнительные рекомендации для поддержки нескольких платформ мы будем рады их услышать.

Теперь идите вперед и раскошелиться это !

Найти разговоры: Bloglines | Technorati

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

Реализация Фокус: DocLanding

Найти разговоры: Bloglines | Technorati

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

Создание быстрого Люди-Finder для Flickr с YUI AutoComplete

На Flickr , недавно мы добавили новые люди-селектор виджет на нескольких страницах, эта функция основана на YUI AutoComplete управления . Люди-селектор виджет позволяет нашим членам, чтобы выбрать людей из их списка контактов, которые могут содержать свыше 20 000 записей. Из-за большого объема данных, традиционные методы извлечения и анализа данных не было возможным, в основном за счет крайне медленно разбора раз. В этой статье мы взглянем на некоторые из различных форматов данных, которые мы пытались и в автозаполнение конфигурации мы обнаружили, что наиболее производительным.

Во-первых, вот видео повторение того, что мы пытаемся достичь, новые взаимодействия с людьми, поиска виджет изображены справа:

Получение и разбор: XHR и пользовательских данных

Самой большой проблемой было найти формат, который был бы быстро загрузить, быстро анализировать и - прежде всего - безопасность. Мы сначала XML и Ajax, XML, но разбора оказалось гораздо замедляться - по сути, мы обнаружили, что такой подход может снизить браузер на больших наборах данных. Далее мы попытались сочетание JSON и Ajax, это было значительно быстрее, но он по-прежнему занимает более 80 секунд для анализа наших крупнейших набора данных (массив, содержащий около 10 700 объектов, каждый с различными свойствами).

В конце концов, мы нашли два транспорта / разбора методов, которые оказались чрезвычайно быстро:

1. Выборка JSON (завернутый в функции обратного вызова) с помощью динамически генерируемых тегами сценария;
2. разбора собственный формат данных (контроль символов запятыми список), используя split() , принес с Ajax (с помощью YUI Connection Manager ).

В конце концов, мы пошли с другой формат. Форматирование нашего JSON, так что он может быть выполнен динамический тег сценария был менее безопасным подходом, а не выигрыш производительности. Использование XHR дал нам более безопасной и еще очень производительным решением.

Взаимодействие с пользователем: YUI AutoComplete

Однажды у нас был способ, чтобы получить данные в JavaScript быстро, следующая задача состоит в том, чтобы создать почву для пользователей быстрый поиск по списку контактов. Чтобы достичь этого, мы обратились к автозаполнение управления Юй в. Это отвечает нашим потребностям именно: очень быстро и очень хорошо настраивается. Чтобы его использовать с нашими пользовательские данные, мы создали функцию, чтобы использовать как автозаполнение экземпляра источника данных, каждое нажатие клавиши в виджете вызывает эту функцию, и переходит в строку поиска. В рамках этой функции, цикл по всем контактам пользователя и стараемся соответствовать запрос на четырех различных областях. Мы использовали регулярные выражения, чтобы сделать сравнение строк.

Даже для больших наборов контактов, мы нашли эту технику, чтобы быть чрезвычайно эффективным. Вот основная версия того, что мы сделали:

  Функция searchContacts (запрос) {

        VAR матчи = []
            queryRegEx = новый RegExp (запрос, 'я'), / / ​​запрос должен быть
                                                 / / Проверить, прежде чем 
                                                 / / Используется в регулярных выражениях.
            связаться;

         для (вар п = 0, длина = contacts.length, п <длина, п + +) {

                связаться = контактов [п];

                если (contact.username.search (queryRegEx) == -1! | |
                    ! contact.realname.search (queryRegEx) == -1 | |
                    ! contact.emailAddress.search (queryRegEx) == -1 | |
                    contact.alias.search (queryRegEx!) == -1) {
                        matches.push (контакт);
                }
        }

        вернуться матчей;
 } 

После того как мы имели данные, связанные с виджетом, мы сделали одно изменение по умолчанию автозаполнение конфигурации: Мы устанавливаем queryDelay параметра 0 (значение по умолчанию 200 мс). Это означает, что не будет никакой задержки между нажатием клавиши и поиск инициируется. Есть минусы этого (автозаполнение дисплей имеет тенденцию мерцание немного, если вы набираете несколько символов в быстрой последовательности), но мы обнаружили, что это будет самым большим улучшением мы сделали, даже важнее оптимизации нашего поиска. Хотя queryDelay 200 мс и более может быть более подходящим для XHR или других удаленных источников данных, мы обнаружили, что наши регулярные выражения на основе источника данных с локальными данными было справиться с этой задачей поиска на каждое нажатие клавиши. С автозаполнение, мы получили свободный кэширование добавить в смесь так, что любой поиск только нужно сделать один раз.

Более подробную информацию о всех этих методов, включая полную информацию о различных форматах данных и обширные данные профилирования для каждого из них можно найти на code.flickr блог.

Найти разговоры: Bloglines | Technorati

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

В дикой за 25 марта 2009

Новости и заметки из сообщества YUI в последние несколько недель. Дайте нам знать в комментариях, что мы пропустили, и мы вернемся в следующий раз:

• Росс Harmes на YUI AutoComplete и Finder Flickr Люди : Flickr Росс Harmes имеет интересное на блоге Flickr Код о выполнении супер-быстрый поиск предложить в создании функции Flickr Люди Finder. Росс подробно обсуждается процесс, который он использует для обработки списков контактов быстро на клиента, получая их в JavaScript. Оттуда он обратился к Дженни Доннелли YUI AutoComplete : "[С] множество контактов в JavaScript, необходим способ для поиска по ним и выбрать один. Для этого мы использовали отличный автозаполнения виджет в YUI. Для получения данных в виджете, мы создали DataSource, объект, который будет выполнять функции, чтобы получить результат. Эта функция просто петельные через наш контакт массива и соответствуют данному запросу от четырех различных свойств каждого контакта, с помощью регулярных выражений (RegExp объекты оказались очень хорошо подходят для этого, со средним временем поиска в 10000 контактов случае, предусмотренном В соответствии 38ms). После того как результаты были собраны, виджет автозаполнения позаботились обо всем остальном, включая кэширование результатов ".
  
• W3C бета-узла с помощью YUI Reset и шрифты : Николь Салливан написал, чтобы сказать нам, что YUI Reset и шрифты являются частью новой редизайн сайта W3C, который вы можете просмотреть здесь. На сайте также использует OOCS Николь работы.
  
• Бразилия сайта Kellogg, построенный с YUI подключения, анимация и многое другое : Бразилия Келлога сайте реализует различные компоненты Юй. Мы заметили, Connection Manager , анимации , получить и больше, все спускается через один комбо-ручками URL из yahooapis.com. Ниццу. ( оригинал. )
  
• Прицельная YUI - Greenbookings.com, устойчивого сайта Путешествия : Иво Шаап написал, чтобы сказать нам о Greenbookings.com , недавно запустила туристический сайт, ориентированный на развивающийся мир устойчивого движения. При бронировании через Greenbookings, они будут Расчитайте и позволяют компенсировать углеродный след порожденной ваших путешествиях. Записывает Иво: «Я работаю со структурой YUI в течение длительного времени, и вчера выпустила мой новый сайт greenbookings.com , что почти каждый модуль в рамках использования: календарь, вкладки, DataTable , история + интервал календарь , сетки, автозаполнения, и многое другое. Кроме того, много усилий было потратить на очень быструю загрузку страницы, удалив все JavaScript из заголовка в нижней части страницы. "Мы любим сайта и использование вклада Джон Peloquin на YUI, интервал календарь для выбора даты .
  
• Прицельная YUI - Infinite сайта игры кроссворд : Марко Эгли написал, чтобы сказать нам о новом выпуске Бесконечные кроссворды, игры сайт, используя широкий спектр YUI утилиты и виджеты. "В минувшую пятницу новая версия Бесконечные кроссворд был освобожден. Это первая версия, которая доступна на английском языке. Это бесконечный кроссворд, который работает полностью в браузере. Несколько различных компонентов YUI были использованы для развития, в том числе анимации, кнопки, диспетчер подключений, DataTable, JSON, меню и многое другое. Игра направлена ​​на развитие крупнейшего кроссворд в мире. Пользователи могут играть и добавлять свои собственные вопросы. Это смесь кроссворда и царапают ". Проверьте игру здесь , будьте уверены, войти в систему и затем с помощью меню в нижней части экрана, чтобы добавить свои собственные вопросы.
• DevX, "Yahoo богатых пользовательских интерфейсов веб-разработчиков Java" : DevX появилась новая статья для разработчиков Java заинтересованы в YUI . Записывает Нараянан AR: " Это первая статья в серии из трех частей, которые в первую очередь цели Java-разработчиков, которые не являются экспертами JavaScript, но разработки веб-приложений с серверными рамки (например, JavaServer Pages, Struts или Spring). В этой статье, JavaScript новичков увидите, как использовать YUI для настройки и дизайн, и нужно учиться много о объектно-ориентированного программирования JavaScript. Для разработчиков уже экспертом в JavaScript, этой статьи служит введением в библиотеке YUI ".
• Видео: "Юй по контролю уродов" с христианской Heilmann : команда Ajaxian имеет YUI христианской Heilmann поговорим на видео, проверить его здесь или во встроенном плеере ниже.
  
• YUI AutoComplete и календарь на Турецкие авиалинии сайта : Cagatay Civici написал в сообщить нам об использовании турецких сайт авиакомпании в в YUI AutoComplete и календарь на бронирование инструмент. Многие сайты, путешествия использовали эту комбинацию на протяжении многих лет; Southwest.com был одним из первых адептов календарь Юй и продолжает пользоваться одним из первых релизов календарь на текущий сайт бронирования. собственный туристический сайт Yahoo, является еще одним хорошим примером как эти виджеты могут быть использованы вместе - это была реализована YUI ImageLoader Автор Matt Mlinac. ( оригинал. )
• Caridy Патино Mayea: "YUI3: Управление Основные события Strokes (KeyUp, KeyDown, KeyPress)" : Caridy (автор популярных Bubbling Библиотека расширений для YUI) имеет нового блога на обработку ключевых событий в YUI 3 . ( оригинал. )
• Balsamiq Макеты для компонентов YUI : Макеты Пойти блог имеет несколько компонентов YUI издевались с использованием интерфейса Balsamiq, включая меню и кнопки , календари , и карусели . ( оригинал. )
  
• Больше из Мэтт Снайдер на YUI-EXT-MVC : Мэтт продолжаются работы по его YUI-EXT-MVC проекта . По словам Мэтта, "выгода от использования AJAX система контроллера класса является то, что он упрощает YUI Connection Manager и разработчик может предварительно зарегистрировать функции обратного вызова, обеспечение типа ожидается ответ. Она доступна на http://code.google.com/p/yui-ext-mvc/source/browse/trunk/assets/js/mvc/lib/controller.js . В будущем я буду добавлять команды образец логики для извлечения JSON и HTML данных с сервера ".
  
• Пол Тарьян в Geo проводника YQL и Юй : SearchMonkey инженер Павел Тарьян имеет интересную демо, используя YUI TabView и Yahoo Maps API Ajax для отображения результатов поиска YQL гео . Интерфейс позволяет вводить название, а затем искать для этого места, братья и сестры, что место, в этом месте предков и т.д. Для более широкого контекста и почему это интересно, видите сообщение в блоге PHP Расмус изобретатель Lerdorff по этому вопросу . ( оригинал. )
• Мэг Smitley - "динамически загружать YUI зависимостей" : Мэг пишет (на Meglog) : "Я использую YUI Grids и LayoutManager за основу интерфейс мое приложение, с конца прошлого года. Это был крутой кривой обучения, и я все еще ​​считаю себя очень много новичков, так и, по сути, только заметил на этой неделе на вкладке "динамические нагрузки" на YUI Configurator . Вместо того, чтобы статически включая необходимые YUI CSS и JavaScript ресурсы, можно использовать YUILoader динамически импортировать их на нагрузку. Хотя я понимаю, что Юй-специалистов не будет поражен моей YUILoader-прозрение, этот подход помог мне похудеть JS мое приложение файлы, уменьшая содержание проблемы и поэтому я чувствую, стоит отметить в пользу других нубов ". Проверьте своей статье для более подробной информации .
• Использование карусель с SugarCRM : Роджер Смит имеет учебник на блоге разработчиков SugarCRM , который обеспечивает "быстрый и простой настройки ListView который использует карусель виджетов от Yahoo UI (YUI) библиотеки . Эта настройка полностью меняет внешний вид и связаться с ListView из «строк и столбцов вид результатов поиска в Yahoo зрения интерфейса карусель. Библиотеки YUI входит в SugarCRM и обеспечивает тонну особенности пользовательского интерфейса за то, что мы используем в основном применения ".
  

Найти разговоры: Bloglines | Technorati

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

Georgiann Puckett: YUI / ASTRA руководитель программы (AdaLovelaceDay09)

[Примечание: Это сообщение является частью участие команды YUI в Ада Лавлейс день , празднование женского технологов по всему миру.]

Georgiann Пакетт (более известный как «Джордж») выступает в качестве руководителя программы для YUI и дочерних проектов (в том числе библиотеки ASTRA). Программа управления сложными техническими программами включает несколько проектов является одним из самых сложных работ в софтверной компании, и Джордж идеально подходит для этой задачи. Она приносит на стол быстрый ум, терпение и дисциплину, чтобы управлять большими потоками данных, а также глубоко укоренившиеся представления о процессах, посредством которых успешные программы программное обеспечение устойчивой. Ее фоном служит здесь хорошо - как C / C + +, инженерных ветеран, он может сопереживать непосредственно с опытом инженеров, с которыми она работает.

Юй-релизы выходят с сотнями изменений, многие из которых предлагаются или присланные разработчиками по всему миру. С момента прихода в команду два года назад, Джордж коренным образом все, что информация обрабатывается. Вот и привел к лучшему прогнозированию, улучшение связи и лучшего качества по всем направлениям.

Джордж также предоставил похвальное руководство команды YUI в поддержке крупных внутренних проектов на Yahoo. Если обозначить внутренний проект, как "большую ставку", то решающее значение для будущего компании, мы команда с интерфейсом командой инженеров проекта и убедиться, что мы делаем все от нас зависящее, чтобы поддержать их. Джордж управляет этими отношениями, гарантируя, что наши сотрудники получают своевременно, хорошо документированной версии, и что их приоритеты точно отражено в наших планах выпуска. Имея возможность понять потребности различных проектов и faciliate нашего успешного сотрудничества очень сложная задача, и Джордж сделал тяжелую работу необходимо обеспечить, чтобы YUI и ASTRA инженеры обеспечивают правильную поддержку в нужное время в течение Yahoo.

Говоря о вздымалась подъема .... Джордж хорошо известна в Yahoo в качестве исключительной технолог и неутомимым защитником YUI, но она также хорошо известно тем, кто часто сотрудник тренажерный зал Yahoo. Вы найдете там Джордж четыре или пять дней в неделю работали, чтобы улучшить свой мировой рекорд форму на свободные веса.

Джордж работы и ее общее стремление к совершенству, безусловно, вдохновило всех нас, кто работает с ней в течение последних нескольких лет. Я спросил Джорджа, который вдохновил ее и послал ее на путь к карьере в области технологий.

Какой был ваш первый опыт работы с компьютерами?

Я был полон решимости ввода предварительно мед трек в колледже, и я конечно AP исчисление мой старший году в рамках учебной программы подготовительной колледжа. Как назло, преподаватель получил грант для двух компьютеров Apple, в рамках судебного разбирательства для обучения программированию на уровне средней школы. Мало того, что мы получаем - мы получили конкурентные на него пытаются сделать самые надежные функции с наименьшим количеством кода. Первый цифровой электроники курс в колледже, где я получил в программе схемы на макете на ассемблере опечатали сделки.

Были ли у Вас женские роли технолога моделей, которые повлияли на вас?

Есть две женщины, с которыми я работал, что я был впечатлен и многому научился от. Дарра Малдун, соучредитель Крикет Software, нанял меня из колледжа в, безусловно, самое удивительное приключение запуска в моей карьере. Она не была технологом как таковой, но я многому научился от нее по отношению к своему народу навыки в ведущих технических людей, создание команды, и рост компании. Другая женщина Я смотрю на и узнал от Шейлы был Брэди, который поднялся по служебной лестнице до уровня директора в системе разделения программного обеспечения Apple. Она определенно знает, как управлять релизе, во многих случаях ведущих команд состоит в основном из мужчин инженеров. Она выставлена ​​уровень доверия, компетентности и агрессивности, которые могут быть оценены любой инженер - мужчина или женщина.

Найти разговоры: Bloglines | Technorati

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

Дженни Хан Доннелли: YUI инженер (AdaLovelaceDay09)

[Примечание: Это сообщение является частью участие команды YUI в Ада Лавлейс день , празднование женского технологов по всему миру.]

Дженни Хан Доннелли является автором трех компонентов YUI:

1. DataTable управления : DataTable Юй является одним из наших виджетов подпись UI, обеспечивающий мощное меню интерактивные опции для табличных данных.
2. Автозаполнение управления : обеспечивает автозаполнение горячих клавиш, предложить, фильтрации и комбо-бокс функциональность в любой области ввода текста.
3. DataSource, Утилиты : общие для DataTable, автозаполнение и контрольных карт , DataSource служит связующим звеном между виджетами и потенциальные источники данных - в том числе данных на стороне сервера, JavaScript массивы и DOM структуры, такие как HTML таблицы.

Работа Дженни вдохновляет нас, в частности в связи с техническими проблемами, она берет на себя - попытаться получить фиксированные заголовки с ху прокрутки работает в IE6 использованием семантически правильно базовой таблицы некоторое время, если у вас есть какие-то сомнения. Дженни взяла на себя некоторые из самых сложных задач в любой точке HCI YUI и спроектирован в соответствии с их практически в любых условиях. DataSource, позволяет другим компонентам YUI работать ни с чем из текстовых файлов в формате JSON и XML в JavaScript и DOM массивы структур. Мы слышали, что тысячи людей на YUI форумах, используя все эти функции и многое другое в ecclectic и новые способы.

Мы также вдохновлены организационное руководство Дженни показала в свое время в Yahoo. В настоящее время она главный редактор YUIBlog, в результате чего техническое голоса со всей Yahoo на эти страницы, чтобы поделиться своим мнением. Она также организовала наш ежегодный саммит инженерных интерфейс на Yahoo, в результате чего сотни Yahoo инженеров по всему миру вместе в богатой недельный технической конференции. Она учила недельный курс YUI инженеров в США, Корее и Японии, и она была неотъемлемым членом группы рубить день Yahoo, это такая важная часть нашей инженерной культуры.

Независимо от того, что она кодирования, записи, обучения или ведущий - все это аспекты описания работы современного технолога - Дженни устанавливает высокую планку с ее интеллект, целеустремленность, воображение и остроумие. Ада мог бы гордиться.

[ фото Дженни использованы с любезного разрешения Стивена Вудс]

Найти разговоры: Bloglines | Technorati

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!

Опрос: Когда аккордеон не аккордеона?

Я ищу обратную связь от людей, которые разработаны и построены интерфейс с использованием «гармошка» модуль (или рассматривают такую ​​возможность). Видите ли, я работаю на шаблон для аккордеона модулей, и я хотел бы, чтобы выбросить несколько открытых вопросов к сообществу через этот краткий обзор . Я буду слушать других, а также на Twitter ( @ mediajunkie ) и списков рассылки, где веб-дизайнеров и разработчиков болтаться.

(Я понимаю, что это не научное исследование. Я просто заинтересованы в привлечении широкой общественности в обсуждение, а не пытаться навязывать свое представление или Yahoo!, взгляд на общество в силу.)

Всюду я иду в последнее время, кажется, что взаимодействие дизайнеров и веб-разработчики говорят о аккордеон виджетов и обсуждения о том, что делает аккордеон аккордеон. Не все, кто работает в этой области слышали термин (некоторые из них могут просто сослаться на "ячейке панели" или "складной панели"), но большинство понять его суть довольно легко. Как ни странно, ни один из элементов пользовательского интерфейса, описанного как аккордеоны поделиться реальным поведением реального аккордеоне (музыкальный инструмент), а именно: что растяжение аккордеон открывает все складки равномерно.

Аккордеоны были на-и-с темой обсуждения на главный список рассылки IxDA , мы обсуждали их в нашу шаблон библиотеки семинаре в Ванкувере ранее в этом месяце, и там было продолжающуюся дискуссию о аккордеоны на наш внутренний список рассылки дизайнер здесь, в Yahoo !.

So I sat down with some folks from the YUI team (and Marco, the maker of an experimental YUI accordion widget ) a little while ago to sort through a draft of an accordion pattern that might help inform the development of an official YUI component.

Broadly speaking, most people agree on what we're talking about when we talk about an accordion interface element. Everyone agrees that accordions are used to compress content into a limited space and that they consist of panels that can collapse or expand. Beyond this, there are a number of subtle nuances that not everyone agrees on.

One trend I've noticed is that front-end developers tend be agnostic about how the accordion should work, viewing it as really just a variant on a tree widget. Designers tend to be more prescriptive, saying that to be an accordion it must behave in thus and such a way (but not all designers agree on what these rules are).

In the end, the YUI folks will produce code that can be made to do just about anything. We aren't going to try to impose our own taste or preferences in design through the functionality of the code itself. However, we will use the associated pattern to make suggestions and recommendations drawn from the experience of the entire design community, and we will probably lobby for default behaviors that match what most people expect.

So, if you've got a few minutes and an opinion, please visit the survey and let me know what you think!

I'll close the survey on April 30.

Найти разговоры: Bloglines | Technorati

Делите и расширить: закладки с del.icio.us | Digg It! | Reddit!