Interfaz de usuario de Yahoo! Blog (YUIBlog)

YUI 2.9.0 Release Candidate ya está disponible

30 de marzo 2011 a las 11:02 am por Jenny Donnelly | En Desarrollo | 4 comentarios

El YUI 2.9.0 Release Candidate ya está disponible para su revisión por la comunidad. El equipo va a tomar en los próximos días para hacer una ronda final de pruebas, por lo que nos gustaría animar a nuestra comunidad de desarrolladores para obtener cualquier feeback a nosotros por el final de la semana.

La versión candidata, YUI 2.9.0 PR4, está disponible tanto a través de la CDN , así como un paquete descargable para la prueba. Por favor, proporcionar información por el Viernes, 01 de abril en los errores y retrocesos que pueda encontrar.

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!

Cargador de Uso en el Quorus

24 de marzo 2011 a las 9:49 am por Pedro Abrahamsen | En Desarrollo y Implementaciones YUI | 2 comentarios

Hoy en día, me gustaría hablar de YUI Loader y cómo nosotros, en Quorus, Inc. , lo utilizan para ofrecer sitios web de terceros con las nuevas características de la demanda.

El código se escribe en las páginas de las características poderes de otras personas, lo que significa que estamos en la posición poco envidiable de tener no sólo no tiene control sobre el entorno del navegador, pero las fuertes restricciones en la manera de utilizar el propio documento. Nuestros clientes poner un script de arranque Quorus en sus páginas, todo lo necesario para nuestra funcionalidad se carga de forma dinámica y bajo demanda. Hacemos todo lo heroico para asegurarse de que nuestros elementos, estilos y secuencias de comandos no modifican el comportamiento de cualquier cosa que no somos responsables.

Comenzamos nuestra base de código actual hace dos años, cuando YUI 3 estaba tomando forma. Fue una decisión arriesgada en el momento en que se comprometan a una base de código que no golpearía beta durante varios meses. En retrospectiva, no puedo imaginar cómo habría logrado lo que tenemos sin ella. No he visto ningún otro marco que tiene componentes que se acercan al poder de Loader, atributos , y CustomEvent .

El script de arranque Quorus que ofrecemos a nuestros clientes no hace casi nada. Su trabajo es sólo para cargar el núcleo de nuestra plataforma sin bloquear el resto de la carga de la página, y la cola de cualquier llamadas a la API hasta que hayamos hecho. Este archivo de script básico, llamado stage2, inline yui , loader , y oop , así como la inteligencia suficiente para cargar bibliotecas adicionales para responder a las llamadas a la API, los clics de los usuarios, y otras condiciones en el entorno operativo. Recursos mayoría de los otros son servidos por un servidor combo personalizado que sirve Quorus personalizado y los módulos de valores YUI.

Bootstrap colas de hasta llamadas API realizadas en el código de la página de acogida entre el momento en que se carga y cuando está listo para ir en una matriz de nuestro objeto global, 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); }; 

Una vez que esté listo para procesar llamadas a la API, stage2 los ejecuta uno por uno en los tiempos de espera. Esto asegura que ceder el control regular de vuelta al navegador, lo que hace que la experiencia del usuario más sensible. El comportamiento es muy parecido a Y.AsyncQueue, pero más simple y no requiere de YUI que se cargue:

 // 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(); 

El bootstrap archivo es, en este punto, sobre todo inmutable: es algo que a la mano de un cliente, que puede requerir un mes o más para desplegar una nueva versión que les dio-un tiempo increíblemente largo para una compañía de puesta en marcha ágil. El stage2 archivo, por su parte, es pequeña, las cargas de nuestros propios servidores, y tiene una vida corta caché. Esto asegura que ningún usuario final tiene una versión antigua de más de unos minutos. Casi todos los otros recursos que necesitamos están en las bibliotecas de JavaScript permanentemente cacheable y archivos CSS.

Cuando lanzamos una nueva versión de nuestro código, stage2 dirige automáticamente los navegadores para iniciar la descarga desde una nueva ubicación, asegurando que sólo utilizan la más nueva de código. Esta configuración nos permite implementar los cambios rápidamente sin dar servicio a los activos con más frecuencia de lo necesario. Esto no sólo mantener nuestros costes de ancho de banda bajo, pero ofrece una mejor experiencia de usuario: los recursos almacenados en caché cargan muy rápidamente, mientras que la página se está cargando.

Si empezábamos nuestra base de código de hoy, con el beneficio de la Galería de YUI , hay una serie de componentes que podemos utilizar para hacer nuestras vidas más fáciles. Uno de ellos es Eric Ferraiuolo del Administrador de la Base de componentes , que ayuda con los cables de componentes (por lo general Widgets) en la demanda. Otra podría ser de almacenamiento Lite , que nos ayude a mantener el estado de aplicación a través de la página se carga.

Muchas gracias al equipo de YUI por su gran trabajo, y para la comunidad por sus contribuciones. Si a usted le gusta leer acerca de nuestros enfoques de la caja de arena o para la coordinación de los componentes de forma asíncrona cargados, por favor hágamelo saber en los comentarios!

Sobre el autor: Peter Abrahamsen escribe Ruby y JavaScript, gestiona la infraestructura de servidores, y los estudios de diseño centrado en el usuario, en Seattle, Washington, EE.UU.. Se puede encontrar en el IRC como Rainhead.

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!

YUI: Horario Lun 23 de marzo

21 de marzo 2011 a las 10:15 am por Luke Smith | En Desarrollo , los horarios de entrada | 4 comentarios

YUI 3 Cookbook primera mirada

No ha sido bien publicitado, pero tenemos un libro de cocina YUI 3 en las obras y Evan Goer, es el hombre a cargo. Evan ha sido un escritor técnico durante casi 15 años, lo que significa que confiar en él para hacer un mejor trabajo por escrito que lo que tendría que (nos mantendremos a la codificación). Así que esta semana le presentaremos a Evan, y le dará una oportunidad de ver y dar su opinión sobre algunos de los contenidos iniciales del libro y de la estructura.

También esta semana, Steven Roussey estará en la convocatoria, demos plugin de Iluminaciones de Firebug que te permite ver los objetos detrás de YUI 3 la estructura del DOM y mucho más.

Fecha y detalles

Vamos a estar en línea 10 a.m.-11 a.m. PDT miércoles. Los detalles de la conexión son los mismos, como de costumbre.

1. Marque 1-888-371-8922 para (Skype funciona muy bien para no estadounidenses participantes *)
2. Ingrese el código de participante 47188953 #
3. Únete a la sesión de compartir pantalla (esto le preguntará si desea instalar el plugin de Adobe Connect, si esta es tu primera vez con él)

* - Si Skype no es una opción, enviarme un email o me coge (ls_n) en el canal de IRC # yui en freenode para un número local.

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!

Oportunidad de Empleo en el equipo de Yahoo! Media Foundation

17 de marzo 2011 a las 9:35 pm por Ricardo Dotta | En Desarrollo , Empleo Frontend de ingeniería de Yahoo | 1 comentario

Estamos buscando a un ingeniero de software con experiencia para unirse a la Fundación Yahoo! Media Front End equipo. El equipo de front-end es responsable de desarrollar componentes de software global, compartida y plataformas de los sitios de Yahoo! Web de medios en Yahoo! Noticias, Yahoo! Finanzas, Yahoo! Deportes, Yahoo! Music, Yahoo! Movies, TV de Yahoo!, Yahoo! Video, OMG! y otros. Yahoo! sitios de los medios de comunicación son algunos de los mejores destinos turísticos en la Web, y que va a jugar un papel clave en el desarrollo de productos únicos y emocionantes y servicios que millones de personas de contacto de personas cada día.

Requisitos

• Capaz de trabajar en un entorno dinámico
• Aprende rápido - puede rápidamente llegar a la velocidad con diferentes tecnologías
• Equipo - puede colaborar con sus compañeros y guía
• Debe tener un fuerte sentido de compromiso y responsabilidad
• Debe tener buenas habilidades de comunicación verbal y escrita
• Debe tener sólidos conocimientos y gran interés en las herramientas y tecnologías emergentes en la industria

Habilidades requeridas o experiencia

• 5 + años de experiencia en el sector
• Debe tener sólidos conocimientos de programación orientada a objetos en PHP (preferido), Java o C + + o similares
• Debe tener experiencia con los marcos MVC como Zend, CakePHP o Symphony (u otro) y AJAX del lado del cliente
• Debe tener sólidos conocimientos de JavaScript, programación orientada a objetos JS, CSS y DHTML
• El dominio de JSON, XML, XSLT, la administración de Unix, y las secuencias de comandos de shell
• Las expresiones regulares, experiencia desarrollo de Unix, y la experiencia de gestión de Subversion muy deseada
• Tecnologías del conocimiento y la experiencia con HTML5, CSS3, y emergentes de presentación muy deseada
• La experiencia con las pruebas unitarias y / o de automatización de pruebas un plus
• Base de datos, SQL Server y MySQL (LAMP) la experiencia son ventajas
• Experimente el desarrollo y despliegue altamente eficientes y escalables aplicaciones de servidor
• Excelente depuración y pruebas de habilidades
• Excelentes habilidades para resolver problemas de análisis y solución
• Informática en Ciencias o experiencia laboral equivalente se requiere

Acerca de Yahoo!

Piense acerca de un impacto de 1 de cada 2 personas en línea, de forma innovadora e imaginativa que son únicamente de Yahoo!. Lo hacemos sólo que cada día, y usted también podría. Después de todo, es grandes pensadores como usted que va a crear la próxima generación de experiencias de Internet para consumidores y anunciantes de todo el mundo. Ahora es el momento para mostrar al mundo lo que tienes. Pon tus ideas a trabajar para más de quinientos millones de personas.

Yahoo! Inc. es un empleador que ofrece igualdad de oportunidades. Para más información y para inscribirse, por favor visita http://careers.yahoo.com/jdescription.php?frm=search_results&oid=35901&qs=jcat=8__submit=1 , y buscar todas nuestras ofertas por favor visite http://careers.yahoo . com .

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!

YUI: Jue horarios de entrada 17 de marzo

14 de marzo de 2011 a las 11:56 pm por Luke Smith | En Desarrollo , Horario | Comments Off

Ajax

Esta semana, me quieren secuestrar la hora de hablar de Y.io (y amigos) y hacer una lluvia de ideas poco en lo que todos pensamos que haría Ajax YUI 3 interfaces de lo mejor que puede ser. Tengo algunas ideas que me gustaría compartir, y podemos buscar a través de algunos bugs existentes y solicitudes de funciones .

En realidad, sin embargo, quiero saber de usted qué tipo de patrones que tienden a poner en práctica en el mundo real, y qué tipo de azúcar en la API se podría añadir para hacer su vida más fácil. Debido a que nosotros lo haremos. Te lo juro.

He aquí un muestrario de la galería de hoy:

• REST de recursos
• IO multi-respuesta
• AlloyUI IO y la Solicitud de IO
• Cometa Stream
• JSON-RPC
• IO Poller

Tal vez algunas de las respuestas están ahí? ¿Qué quieres cocido en, y ¿qué quieres que se vea como?

Fecha y detalles

Vamos a estar en línea 10 a.m.-11 a.m. PDT jueves. Los detalles de la conexión son los mismos, como de costumbre.

1. Marque 1-888-371-8922 para (Skype funciona muy bien para no estadounidenses participantes *)
2. Ingrese el código de participante 47188953 #
3. Únete a la sesión de compartir pantalla (esto le preguntará si desea instalar el plugin de Adobe Connect, si esta es tu primera vez con él)

* - Si Skype no es una opción, enviarme un email o me coge (ls_n) en el canal de IRC # yui en freenode para un número local.

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!

YUI 2.9.0 Preview Release ya está disponible

14 de marzo de 2011 a las 8:10 pm por Jenny Donnelly | En Desarrollo | 4 comentarios

El equipo de YUI ha estado trabajando duro para cerrar el último de nuestros errores 2.9.0 , y hoy nos complace anunciar la disponibilidad de una versión preliminar 2.9.0 para la prueba por la comunidad. Se incluyen en esta versión son numerosas correcciones de errores y mejoras específicas que le ayudarán a lograr el cierre de la línea de código YUI 2 , así como las dirigidas cambios de código y actualizaciones de la documentación que lo hacen más difícil para los encargados de la ejecución a la negligencia no intencional de las mejores prácticas de seguridad .

YUI 2.9.0 representa nuestra última versión de corrección de errores en la línea de código de YUI 2 antes de ponerlo en modo de mantenimiento, cuando sólo correcciones de errores críticos y específicos correcciones de compatibilidad del navegador se tendrán en cuenta. Estamos realmente emocionados de ser capaces de alcanzar este importante hito, que nos ayudará a redoblar nuestros esfuerzos en YUI 3.

YUI 2.9.0 PR2 está disponible tanto a través de la venta , así como un paquete descargable para la prueba. Esperamos que usted puede tomar un momento para poner a prueba el lanzamiento de hoy una vista previa y proporcionar información para el viernes, 18 de marzo sobre los errores y retrocesos que pueda encontrar.

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!

CSS Tricks frontera con cajas colapsados

8 de marzo de 2011 a las 3:23 pm por Thierry Koblentz | En CSS 101 , los de diseño y desarrollo | 8 comentarios

Estos trucos te ayudarán a lograr diseños sin tener que recurrir al uso de imágenes, gradientes CSS3 o marcas extrañas. Por el colapso de las cajas con cero line-height y la height los valores, se puede mostrar el contenido fuera de la caja de contenido, a lo largo de las fronteras.

Bi-color de fondo

Este ejemplo no incluye el IE 6/7 soluciones (ver el código fuente de esta página de demostración para los arreglos de 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> 

Los puntos y las tuberías entre elementos de la lista

En este ejemplo se muestra correctamente en navegadores IE después de algunas correcciones simples.

 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> 

Triángulos izquierdo y derecho que apunta-

Este ejemplo no incluye el IE 6/7 soluciones (ver el código fuente de esta página de demostración para los arreglos de 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 y la transparencia de la frontera

IE 6 no es compatible con la palabra clave " transparent "para el color del borde. Cuando se utiliza este valor, es decir 6 dibuja un borde negro.

La corrección para esto es utilizar el filtro de crominancia que muestra un color específico del contenido del objeto como transparente. Por ejemplo, para crear una flecha hacia la derecha señalando que puede utilizar esta regla:

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

La declaración de font-size es otra solución para IE 6. Es para asegurarse de que este navegador no aumentar la altura de la caja.

! ¡Paren la prensa que acabo de aprender un nuevo truco (gracias Chungho Fang):

La magia [para crear transparencia en la frontera con IE] es establecer 'border-style' a cualquiera de guiones o de puntos

---

¡Eso es! Esto es sólo una forma más de uso de las fronteras para lograr la imagen, menos diseño.

Para leer más

• Un estudio de los polígonos regulares
• slantastic
• Inclina

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!