Yahoo! User Interface блог (YUIBlog)

YUI 2.9.0 Release Candidate уже в продаже

30 марта 2011 в 11:02 Дженни Доннелли | В развитие | 4 Комментария

YUI 2.9.0 релиз-кандидата теперь доступна на рассмотрение сообщества. Команда будет принимать ближайшие несколько дней, чтобы сделать финальный раунд тестирования, поэтому мы хотели бы поощрять наши сообщества разработчиков, чтобы получить какой-либо feeback к нам к концу недели.

Релиз-кандидат, YUI 2.9.0 PR4, доступен как через CDN , а также загружаемый пакет для тестирования. Пожалуйста, обеспечить обратную связь в пятницу, 1 апреля на любые ошибки и регрессии можно найти.

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

Доля и расширить: Закладка с del.icio.us | Digg это! | Reddit!

Погрузчик использования в Quorus

24 марта 2011 в 9:49 Петром Абрахамсен | В развитии , YUI Реализации | 2 комментария

Сегодня я хотел бы поговорить о YUI Loader и как мы на Quorus, Inc , использовать ее для сторонних веб-сайтов с новыми возможностями по требованию.

Код мы пишем полномочия функций на страницах других народов, означает, что мы находимся в незавидном положении, не только не контролирует среды браузера, но жесткие ограничения в том, как мы используем самого документа. Наши клиенты положить Quorus сценария начальной загрузки на своих страницах, а все остальное необходимое для нашей функциональность загружаются динамически и по требованию. Идем к героической длины, чтобы убедиться, что наши элементы, стили и скрипты не изменяют поведение ничего мы не ответственны.

Мы начали наше настоящее базу кода два года назад, когда YUI 3 был только формируются. Это было рискованное решение на время взять на себя обязательство код, который не ударит бета течение нескольких месяцев. Оглядываясь назад, я не представляю, как мы бы добились того, что мы без него. Я не видел любой другой структурой, которая компонентов приближается сила Loader, атрибутов , и CustomEvent .

Сценарий Quorus загрузки мы предоставляем нашим клиентам практически ничего не делает. Его задача состоит как раз, чтобы загрузить ядро ​​нашей платформы, не блокируя остальные загрузке страницы, и стоять в очереди любых API вызовы, пока мы не сделали этого. Этот файл основной сценарий, называется stage2, инлайны yui , loader и oop , а также достаточно ум для загрузки дополнительных библиотек для ответа на вызовы API, пользователь нажимает и других условий в рабочей среде. Большинство других ресурсов обслуживает собственный сервер комбо, который служит обычай Quorus и фондовых YUI модулей.

Bootstrap в очередь API вызовы в коде хост сайта между тем, когда он загружается и когда мы готовы идти в массиве на нашем глобальный объект, QUORUS:

 QUORUS._callbacks = []; QUORUS.use = function () { // turn the arguments object into a regular array, // so that it can be stored safely var args = Array.prototype.slice.call(arguments, 0); QUORUS._callbacks.push(args); }; 

Как только мы будем готовы начать процесс API вызовы, stage2 запускает их по одному в тайм-ауты. Это гарантирует нам выход контроля регулярно обратно в браузер, что делает работу пользователя более отзывчивыми. Поведение очень похоже на Ю. AsyncQueue, но проще и не требует YUI для загрузки:

 // Put the real 'use' function in place for any subsequent calls: QUORUS.use = function (feature, callback) { YUI.use('module-that-provides-the-feature', function (Y) { // find the API for the requested feature, and pass it to the callback callback(Y.APIs[feature]); // process another pending API call, if any: setTimeout(processAPICall, 0); }); }; // Play catch-up, running each callback in sequence: function processAPICall () { var callback = QUORUS._callbacks.shift(); if (callback) { QUORUS.use.apply(QUORUS, callback); } } // Start processing the queue: processAPICall(); 

bootstrap файла, к этому моменту, в основном неизменным: это то, что мы на руки от клиента, который может потребоваться месяц или больше, чтобы развернуть какой-либо новой версии мы дали им-невероятно много времени, гибкие компании запуске. stage2 файл, тем временем, небольшая, грузы из наших серверов, и имеет малое время жизни кэша. Это гарантирует, что конечный пользователь будет иметь старую версию уже более нескольких минут. Почти все другие ресурсы, мы должны постоянно находятся в кэшируемый библиотек JavaScript и CSS-файлов.

Когда мы выпускаем новую версию нашего кода, stage2 автоматически направляет браузер, чтобы начать загрузку с новое место, гарантируя, что они используют только новейшие кода. Эта установка позволяет нам развернуть изменения быстро, не подавая активы чаще, чем это необходимо. Это не только сэкономить наши пропускной способности низкие, но он обеспечивает лучший пользовательский опыт: кэшированные ресурсы загружаются очень быстро, пока страница загружается.

Если мы начинали нашу кодовую базу сегодня, благо галерея YUI , Есть целый ряд компонентов мы можем использовать, чтобы сделать нашу жизнь легче. Одним из них является Эрик Ferraiuolo в компонентной базы менеджер , который помогает с проводкой до компонентов (как правило, Widgets) по требованию. Другой может быть хранения Lite , чтобы помочь нам сохранить состояние приложения по загрузке страницы.

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

Об авторе: Питер Абрахамсен пишет Руби и JavaScript, управление серверной инфраструктурой, а также исследования, ориентированного на пользователя дизайна в Сиэтле, штат Вашингтон, США. Его можно найти на IRC как Rainhead.

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

Доля и расширить: Закладка с del.icio.us | Digg это! | Reddit!

Юй: Часы работы Вс 23 марта

21 марта 2011 в 10:15 Люком Смитом | В развитии , Часы | 4 Комментария

YUI 3 Cookbook первый взгляд

Он не был широкую огласку, но у нас есть YUI 3 Cookbook в работах и Эван Гоер это человек, ответственный. Эван был техническим писателем на протяжении почти 15 лет, что означает, что мы доверяли ему делать лучше письменно, чем мы имели бы (мы будем придерживаться кодирование). Так на этой неделе мы познакомим вас с Эван, и даст вам возможность увидеть и высказать свое мнение о некоторых из первоначального содержания книги и структуры.

Также на этой неделе Стивен Roussey будет на вызов, demoing Illuminations плагин для FireBug , который позволяет вам видеть YUI 3 объекта за структурой DOM и многое другое.

Время & Подробнее

Мы будем находиться в оперативном режиме с 10 утра до 11 утра PDT среды. Соединительные детали такие же, как обычно.

1. Набор номера 1-888-371-8922 (Skype прекрасно работает для неамериканских участников *)
2. Введите код участника 47188953 #
3. Регистрация сессии совместного использования экрана (это вам будет предложено установить плагин Adobe Connect если это ваш первый раз, используя его)

* - Если Skype не вариант, напишите мне, или поймать меня (ls_n) в # юй IRC-канал на FreeNode на местный номер.

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

Доля и расширить: Закладка с del.icio.us | Digg это! | Reddit!

Работа Открытие на Yahoo! Команда Media Foundation

17 марта 2011 в 9:35 утра по Рикардо Dotta | В развитии , Frontend инженерно Работа в Yahoo | 1 Комментарий

Мы ищем опытного инженера-программиста, чтобы присоединиться к Yahoo! Media Foundation Front End команды. Фронт команды End отвечает за разработку глобальных, общих компонентов программного обеспечения и платформ для Yahoo! Медиа веб-сайты - Yahoo! News, Yahoo! Finance, Yahoo! Sports, Yahoo! Music, Yahoo! Movies, Yahoo! TV, Yahoo! Video, OMG! и другие. Yahoo! Медиа-сайты являются одними из ведущих мест в Интернете, и вы будете играть ключевую роль в разработке уникальных и интересных продуктов и услуг, которые затрагивают миллионы людей каждый день.

Требование

• Умеет работать в динамичной среде
• Быстрый ученика - может быстро прийти до скорости с различными технологиями
• Умение работать в команде - может сотрудничать с коллегами и руководством
• Должно быть сильное чувство приверженности и ответственности
• Должен иметь сильные устные и письменные коммуникативные навыки
• Должен иметь прочные знания и заинтересованность в новых инструментов и технологий в промышленности

Необходимые навыки / Опыт

• 5 + лет опыт работы в отрасли
• Должен иметь хорошее знание объектно-ориентированного программирования в PHP (предпочтительно), Java или C + + или аналогичный
• Должен иметь опыт работы с MVC рамки как Zend, CakePHP, или Симфония (или другой) и клиентских AJAX
• Должен иметь хорошее знание JavaScript, ООП JS, CSS и DHTML
• Знание JSON, XML, XSLT, Unix администрирования и сценариев командной оболочки
• Регулярные выражения, Unix опыт разработки и Subversion управленческий опыт высоко желаемого
• Знания и опыт работы с HTML5, CSS3, и новые презентации технологий высоко желаемого
• Опыт модульного тестирования и / или автоматизации тестирования плюс
• База данных, SQL и MySQL (LAMP стек) опыт плюсы
• Опыт разработки и внедрения высокоэффективных, масштабируемых серверных приложений
• Отлично отладки и тестирования навыков
• Отличные аналитические и навыки решения проблем
• Компьютер степени наук или эквивалентный опыт работы, необходимой

О Yahoo!

Подумайте о том, влияющие 1 из каждых 2-х человек в онлайн-инновационные и творческие способы, которые однозначно Yahoo!. Мы просто каждый день, и вы можете тоже. В конце концов, это большие мыслители, как вы, кто будет создавать новое поколение интернет опыт для потребителей и рекламодателей по всему миру. Теперь пришло время, чтобы показать миру, что у вас есть. Положите ваши идеи работать более половины миллиарда человек.

Yahoo! Инк является работодателем равных возможностей. За дополнительной информацией и применять пожалуйста, посетите http://careers.yahoo.com/jdescription.php?frm=search_results&oid=35901&qs=jcat=8__submit=1 , и искать все наши отверстия пожалуйста, посетите http://careers.yahoo . ком .

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

Доля и расширить: Закладка с del.icio.us | Digg это! | Reddit!

Юй: Часы работы Чт 17 марта

14 марта 2011 в 11:56 вечера по Люк Смит | В развитии , Часы | Комментариев нет

Ajax

На этой неделе я хочу захватить часа, чтобы говорить о Y.io (и друзей) и сделать небольшой мозговой штурм на то, что вы все думаете, сделает Ajax YUI 3 интерфейсах лучшем случае они могут быть. У меня есть некоторые мысли, которые я хотел бы поделиться, и мы можем просканировать некоторые существующие ошибки и пожелания .

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

Вот сэмплер из галереи сегодня:

• REST ресурсов
• IO Multi-ответ
• AlloyUI ввода-вывода и ввода-вывода запроса
• Комета поток
• JSON-RPC
• IO Поллер

Может быть, некоторые ответы там? Что вы хотите, запеченная в, и что вы хотите, чтобы он выглядел?

Время & Подробнее

Мы будем находиться в оперативном режиме с 10 утра до 11 утра PDT четверг. Соединительные детали такие же, как обычно.

1. Набор номера 1-888-371-8922 (Skype прекрасно работает для неамериканских участников *)
2. Введите код участника 47188953 #
3. Регистрация сессии совместного использования экрана (это вам будет предложено установить плагин Adobe Connect если это ваш первый раз, используя его)

* - Если Skype не вариант, напишите мне, или поймать меня (ls_n) в # юй IRC-канал на FreeNode на местный номер.

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

Доля и расширить: Закладка с del.icio.us | Digg это! | Reddit!

YUI 2.9.0 предварительная версия уже в продаже

14 марта 2011 в 8:10 вечера по Доннелли Дженни | В развитие | 4 Комментария

Команда YUI было трудно на работе закрытием последней нашей 2.9.0 ошибок , и сегодня мы рады объявить о доступности предварительной версии 2.9.0 для тестирования сообществом. Входит в этой версии, многочисленные исправляет ошибку и целевых улучшений , которые помогут приблизить закрытия, чтобы YUI 2 codeline , а также целевые изменения кода и обновления документации, которые делают его более трудным для исполнителей непреднамеренно пренебрежение рекомендации по обеспечению безопасности .

YUI 2.9.0 представляет наш последний релиз исправить ошибку на YUI 2 строки кода, прежде чем положить его в режиме обслуживания, когда только критические исправления ошибка и целенаправленного исправления совместимости браузера будет рассматриваться. Мы искренне рады, чтобы иметь возможность достичь этой важной вехи, которые помогут нам удвоить наши усилия на YUI 3.

YUI 2.9.0 PR2 доступен как через CDN , а также загружаемый пакет для тестирования. Мы надеемся, что вы можете воспользоваться моментом, чтобы проверить предварительную версию сегодня и обеспечивать обратную связь от Пятницы, 18 март на любых ошибок и регрессий Вы можете найти.

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

Доля и расширить: Закладка с del.icio.us | Digg это! | Reddit!

CSS пограничной Трюки с Сложено Коробки

8 марта 2011 в 3:23 вечера Тьерри Кобленц | В CSS 101 , дизайн , развитие | 8 Комментариев

Эти приемы помогут вам в достижении конструкции, не прибегая к использованию изображений, CSS3 градиент или посторонних разметки. По рушится ящиков с нулевой line-height и height значений, мы можем отображать содержимое за пределы содержания окна, через границы.

Би-цвет фона

Этот пример не включает в себя IE 6 / 7 обходные пути (проверьте исходный код этой демонстрационную страницу для IE, исправления).

 .parent { display:inline-block; text-align: center; border: 1px solid #cecece; } .child { display:inline-block; line-height: 0; height: 0; border-top: 1em solid #ffc; border-bottom: 1em solid #fdcf46; padding:0 .6em; vertical-align:bottom; } <ul id="menuBar-A"> <li><a href="#">About Us</a></li> <li class="selected"><a href="#">Contact Us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Products</a></li> </ul> 

Точки и труб между элементами списка

Этот пример показывает, правильно во всех браузерах после несложных исправления IE.

 ul.one, ul.two { margin-left:0; display:inline-block; *display:inline; zoom:1; height:12px; line-height:12px; padding:0; } li { float:left; display:inline; height:2px; line-height:2px; position:relative; top:.3em; } ul.two {border-left:1px solid #333;} ul.one li {border-left:2px solid #333;} ul.two li {border-right:2px solid #333;} ul.one li.first-child, ul.two li.last-child { border:0; } a { color:#000; padding:.4em .9em; *position:relative; } <div id="menuBar-B"> <ul class="us"> <li><a href="#">About Us</a></li> <li class="selected"><a href="#">Contact Us</a></li> </ul> <ul class="ourOffer"> <li class="services"><a href="#">Services</a></li> <li><a href="#">Products</a></li> </ul> </div> 

Левая и правая указывая треугольников

Этот пример не включает в себя IE 6 / 7 обходные пути (проверьте исходный код этой демонстрационную страницу для IE, исправления).

 #box { line-height: 0; height: 0; border: .4em solid transparent; border-left-color: #333; border-right-color: #333; padding: 0 .3em; display: inline-block; } <ul id="menuBar-C"> <li><a href="#">About Us</a></li> <li class="selected"><a href="#">Contact Us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Products</a></li> </ul> 

IE 6 и пограничный прозрачности

IE 6 не поддерживает ключевое слово " transparent "для цвета границы. При использовании этого значения, IE 6 рисует черной рамкой.

Исправить это является использование цветовой фильтр , который отображает определенный цвет содержания объекта, как прозрачные. Например, чтобы создать правую стрелку, вы можете использовать следующее правило:

 #Box { height: 0; width: 0; border: 10px solid transparent; font-size: 0; _border-color: pink; _filter: chroma(color="pink"); border-left-color: #333; } 

Размер шрифта декларация другой обходной путь для IE 6. Это чтобы убедиться, что этот браузер не увеличивает высоту окна.

Стоп прессы я только что узнал новый трюк (спасибо Chungho Fang)!:

Магия [создать границы прозрачности в IE] это установить "границы стиля 'либо пунктирных или точечных

---

Вот и все! Это всего лишь еще один способ использования границ для достижения изображения менее дизайна.

Дополнительная литература

• Исследование регулярных полигонов
• slantastic
• Наклон

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

Доля и расширить: Закладка с del.icio.us | Digg это! | Reddit!