锐2.9.0推出候选人现在可用

2011年3月30日上午11:02珍妮·唐纳利| 开发 | 4评论

现已由社区审查了YUI 2.9.0发布候选。 该小组将采取接下来的几天做最后一轮的测试，因此在本周结束前得到任何留言反馈给我们，我们想鼓励我们的开发者社区。

候选版本，YUI的2.9.0 PR4的，是可以通过的CDN ，以及一个可下载的测试包 。 请提供反馈 ，4月1日（星期五），你会发现任何bug和回归。

找到的谈话： bloglines technorati

共享和扩展： 书签del.icio.us Digg它！ | reddit！

在Quorus loader用法

2011年3月24日，在9:49上午由彼得Abrahamsen | 发展 ， YUI实现 2评论

今天，我想谈谈锐装载机和我们如何在Quorus公司 ，用它来 ​​提供第三方网站的新功能需求。

quorus截图

写上其他民族的页面的代码，我们的权力特征，这意味着我们是吃力不讨好的位置在我们如何使用文件本身不仅没有控制在浏览器环境，但沉重的限制。 我们的客户在其网页上Quorus引导脚本;我们的功能所需的一切动态加载和需求。 我们去英雄的长度，以确保我们的元素，样式和脚本不会改变什么我们是不负责的行为。

两年前，我们开始了我们目前的代码库，当锐3只是初具雏形。 这是一个冒险的决定时，承诺不会打几个月的beta代码库。 现在回想起来，我不能想象我们如何将我们没有它已经完成了。 我没有看到任何其他的框架具有组件装载机，功率接近， 属性和自定义事件 。

我们提供给客户的Quorus 引导脚本几乎没有。 它的工作是我们的核心平台，只是没有阻止页面加载的其余部分加载和队列，直到我们已经这样做的任何API调用。 这个核心的脚本文件，称为stage2文件 ，内嵌yui ， loader ， oop ，以及足够的智慧来加载额外的库API调用，用户点击，其他条件和经营环境。 大多数其他资源提供一个自定义的组合服务器提供定制Quorus和股票锐模块。

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运行，他们一个个在超时。 这将确保我们定期回浏览器，这使得用户体验响应产量控制。 该行为是很多，但像Y.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自动指示浏览器开始下载一个新的位置，确保他们只使用最新的代码。 这种设置使我们能够快速部署服务资产超过必要更经常的变化。 这不仅使我们的带宽成本低，但它提供了一个更好的用户体验：缓存的资源加载速度非常快，页面加载时。

quorus的JS加载流程图

如果我们开始我们今天的codebase的利益， YUI库 ，有若干组成部分，我们可能会使用，使我们的生活更轻松。 其中之一是埃里克Ferraiuolo 相应的组件管理器 ，其中有高达组件需求（通常部件）接线协助。 另一种可能是存储精简版 ，以帮助我们保持整个页面加载应用程序的状态。

YUI团队为他们的伟大的工作，和社会的贡献非常感谢。 如果你想阅读有关我们的沙箱或协调异步加载的组件的方法，请让我知道在评论！

彼得Abrahamsen 作者简介：彼得·Abrahamsen写Ruby和JavaScript，管理服务器基础设施，并研究在美国华盛顿州西雅图，以用户为中心设计的。 他可以发现在IRC上为Rainhead。

找到的谈话： bloglines technorati

共享和扩展： 书签del.icio.us Digg它！ | reddit！

锐：周三3月23日营业时间

2011年3月21日上午10:15卢克·史密斯| 开发 ， 开放时间 | 4评论

先看看锐3食谱

它并没有得到很好的宣传，但我们有一个YUI 3 埃文歌尔是在负责人的作品和食谱。 埃文为近15年来一直是一个技术作家，这意味着我们相信他做得更好写它比我们（我们会坚持到编码）。 因此，这个星期，我们将介绍您到埃文，给你一个机会看到并给予本书的初始内容和结构的一些反馈。

本周， 史蒂芬Roussey将在电话会议上，示范iPhone 灯饰Firebug插件 ，让您看到YUI 3落后的DOM结构和对象。

时间及详情

我们会从上午10点至11点PDT星期三在线。 连接的详细信息和往常一样。

  1. 拨号到1-888-371-8922（Skype的非美国与会者*）
  2. 输入与会者代码47188953＃
  3. 加入屏幕共享会话 （会提示你安装的Adobe Connect插件，如果这是您第一次使用）

* - 如果Skype是不是一种选择，给我发电子邮件或在freenode上的＃YUI IRC频道赶上我（ls_n）一个本地电话号码。

找到的谈话： bloglines technorati

共享和扩展： 书签del.icio.us Digg它！ | reddit！

雅虎媒体基金会队的职位空缺

2011年3月17日，上午9:35在里卡多Dotta |在发展 ， 在雅虎的前端工程作业 | 1条评论

我们正在寻找一位经验丰富的软件工程师加入雅虎媒体基金会的前端团队。 前端团队是负责制定全球性的，共享的软件组件和平台媒体网站雅虎 - 雅虎新闻，雅虎财经，雅虎体育，雅虎音乐，雅虎电影，雅虎电视，雅虎视频， 0908288 和其他人。 雅虎媒体网站是在网络上最热门的目的地，你发挥了关键作用，在发展独特的和令人激动的产品和服务，每天接触数百万的人。

要求

  • 能够在动态环境中工作
  • 快速学习能力 - 能够迅速拿出不同的技术与速度
  • 团队精神 - 协作和指导同行
  • 必须有一个强烈的责任感的承诺和责任
  • 必须具备较强的口头和书面沟通技巧
  • 必须有强大的知识和浓厚的兴趣，在新兴的工具和技术，在同行业中

所需的技能/经验

  • 5年以上的行业经验
  • 必须在PHP（首选），Java，或C + +的或类似的面向对象编程的强大的知识
  • 必须有经验的Zend，CakePHP的，或交响曲“（或其他）和客户端AJAX的MVC框架
  • 必须有强大的JavaScript面向对象的JS，CSS和DHTML知识
  • 熟练的JSON，XML，XSLT中，Unix的管理和shell脚本
  • 正则表达式，Unix开发经验，和Subversion管理经验非常理想
  • 高度所需的知识和经验与HTML5，CSS3，以及新兴的演示技术
  • 单元测试和/或测试自动化加经验
  • 数据库，SQL和MySQL（LAMP堆栈）经验是加号
  • 体验开发和部署高效，可伸缩的服务器端应用程序
  • 优秀的调试和测试技巧
  • 优秀的分析和解决问题的能力
  • 计算机科学学士学位或同等工作经验要求

关于雅虎

想想影响在线在创新和富有想象力的方式是唯一的雅虎，每2人1。 我们做到这一点的每一天，你可以过。 毕竟，这是像你这样的大思想家，他们将创建为消费者和广告客户遍布全球的下一代互联网经验。 现在是时候向世界展示你所拥有。 把你的想法，工作超过50亿人。

雅虎公司是一个平等机会的雇主。 如需更多信息，申请请访问http://careers.yahoo.com/jdescription.php?frm=search_results&oid=35901&qs=jcat=8__submit=1 ，搜索我们所有的开口请访问http://careers.yahoo。 。COM 。

找到的谈话： bloglines technorati

共享和扩展： 书签del.icio.us Digg它！ | reddit！

锐：营业时间周四3月17日

3月14日，在下午11:56 | 发展 ， 2011年由卢克·斯密营业时间 | 评论

阿贾克斯

这个星期，我想劫持小时谈约Y.io （和朋友），你认为会使锐3的Ajax界面最好的，他们可以做一点点集思广益的。 我有一些想法，我想与大家分享，我们可以通过一些现有的缺陷和功能要求的扫描。

不过，说真的，我想听到你的，你倾向于什么类型的模式，以实现在现实世界中，我们可以添加什么样的API糖让您的生活更轻松。 因为我们将做到这一点。 我发誓。

这里有一个采样今天从库：

也许一些问题的答案在那里？ 你想烤，它看起来像你想要什么？

时间及详情

我们会从上午10点至11点PDT星期四线上。 连接的详细信息和往常一样。

  1. 拨号到1-888-371-8922（Skype的非美国与会者*）
  2. 输入与会者代码47188953＃
  3. 加入屏幕共享会话 （会提示你安装的Adobe Connect插件，如果这是您第一次使用）

* - 如果Skype是不是一种选择，给我发电子邮件或在freenode上的＃YUI IRC频道赶上我（ls_n）一个本地电话号码。

找到的谈话： bloglines technorati

共享和扩展： 书签del.icio.us Digg它！ | reddit！

锐2.9.0预览版现在可用

3月14日，在下午08:10 2011年珍妮·唐纳利| 开发 | 4评论

YUI团队一直努力在收出我们过去的工作2.9.0的bug ，今天我们很高兴地宣布2.9.0预览版本进行测试，由社会提供了一个。 本新闻稿中包含大量的bug修复和有针对性的改进 ，这将有助于锐2的代码行带来封闭 ，以及有针对性的代码修改和文档更新，使实施者无意中忽视安全的最佳做法变得更加困难。

2.9.0锐代表了我们对YUI 2行代码前把维护模式时，只有关键的bug修复和有针对性的浏览器兼容性修补程序将被视为最后一个错误修复版本。 我们真的很高兴能够达到这个重要的里程碑，这将帮助我们加倍的努力，到锐3。

锐2.9.0 PR2是可以通过的CDN ，以及一个可下载的测试包 。 我们希望你可以花点时间来测试今天的预览版本，并提供反馈意见 ，3月18日（星期五），你会发现任何bug和回归。

找到的谈话： bloglines technorati

共享和扩展： 书签del.icio.us Digg它！ | reddit！

折叠盒的CSS边框过关

3月8日，在下午03:23 2011年由亨利Koblentz在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的另一个解决方法。 它是确保此浏览器不增加框的高度。

！停止印刷机，我只是学会了一个新的技巧（谢谢中和市芳）：

神奇的[创建在IE浏览器的边框透明度设置边界式“虚线或点

这就是它！ 这仅仅是一个方法使用的边界，以实现图像设计。

进一步阅读

作者简介：蒂埃里Koblentz是在雅虎前端工程师
他拥有TJK设计 ， EZ-css.org和CSS-101.org 。 你可以按照在Twitter蒂埃里@ thierrykoblentz 。

找到的谈话： bloglines technorati

共享和扩展： 书签del.icio.us Digg它！ | reddit！

下一页»
主办雅虎

©2006-2012雅虎公司所有权利保留。 隐私政策 - 服务条款

支持WordPress的关于雅虎 虚拟主机 。