Yahoo!用户界面博客（YUIBlog）

YUI是租用

我们正在寻找一名高级前端工程师加入YUI团队！ 你必须是一个JavaScript和各种前端技术精通的专家。 你喜欢解决复杂的问题，在大规模，知道什么需要设计强大和直观的API，并拥抱性能，安全，交通方便，可用性和最佳做法。 你也有良好的沟通技巧，具有非常注重细节，是独立的和足智多谋。

最低职位要求：

• 专家级的JavaScript，HTML和CSS技巧。
• 经验证明建立可重复使用的JS组件的模块化，高性能，维护。
• 一个建设和传福音的一个世界级的前端库，影响千百万人每天的激情。
• 熟悉开源软件项目，尤其是YUI的。
• 计算机科学学士学位或同等学历工作经验。

寻找工作的资格：

• 前端在一个或多个域，如移动，性能，服务器端的JavaScript，或国际证明深入的专业知识。

如果这听起来像你，请将您的简历和求职信YUI的工作（上）雅虎公司（点）com。

关于雅虎

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

雅虎公司是一个平等机会的雇主。 如需更多信息或搜索我们所有的开口请http://careers.yahoo.com访问。

找到的谈话： bloglines technorati

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

宣布YUI的压缩机2.4.6

我们很高兴地宣布即时提供的2.4.6版本的YUI压缩 。 这个版本主要包含有关压缩机的CSS压缩处理，介绍了批量处理多个文件，一个命令的更新。

CSS压缩

要点包括：

• 固定许多错误，打破压缩机和/或产生缩小的文件。
• 补充文件究竟minifier没有哪个CSS黑客容忍。
• 有一个的CSS分钟的情况下，它更适合你的构建过程中的JavaScript端口。 这里也是一个测试网页的用户界面 ，使用JavaScript端口，在这里你可以尝试与minifier。
• 相当数量的新增测试 （但你可以增加更多 ）。
• 一些CSS的功能越来越多，如通过媒体查询和CSS3的变换的安全处理。

批处理

另一个值得欢迎的除了压缩机，它现在可以处理批文件。 这可以大大减少你的构建过程，特别是如果你有大量的文件，以缩小需要的时间。

例如，下列命令缩小.js和.css文件，写一个“min.css”后缀的缩小的文件。

  Java的罐子yuicompressor.jar-O“。CSS美元：min.css”* CSS。
 $ Java的罐子yuicompressor.jar-O“。JS $：min.js”* JS。 

感谢斯蒂芬·伍兹和Flickr的团队对这个功能！

链接

YUI的压缩机2.4.6是立即可用的下载 。 随时帮助我们提交错误或功能的要求 ， 编写更多的测试 ， 分叉的代码，或加入谈话 。

找到的谈话： bloglines technorati

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

友好的方向导航栏

我最近碰到一个水平右对齐的链接导航菜单。 正如您可能期望，这是一个列表元素float:right和float:left列表项目float:left 。 即使是这种做法没有错，它的启发，我借此机会讨论方向性布局。

浮动元素的成本

彩车有没有方向性的概念，他们没有工作，如内联元素或表列（ dir属性是一个神奇的子弹）。 与花车，作家必须实现一种机制，以“交换”的价值观时，界面的变化（ ltr和rtl ）。

因此，而不是使用float ，作者可能有利于inline-block 。 下面是一个简单的例子：

 ul { text-align: end; text-align: right\9; *text-align: right; } li { display: inline; } a { display: inline-block; padding: 5px 15px; margin: 0 5px; } 

请注意，使用“ \ 0 “（无空格），而不是” \9 “将采取照顾的Opera，但可能不会像\9 “（仅IE） “未来的证明。

由于这个演示页面显示，在Chrome，Safari和Firefox，内inline-block技术使得布局的写作模式而定（流动方向相匹配的值如果没有指定方向dir属性，或初始值）。 对于其他尿酸小号，而且由于缺乏支持的属性选择器（即IE浏览器的html[dir="rtl"] ），作者需要标记中添加了一个钩子，迎合变化的方向。 例如，对于A级的兼容性：

浮法技术为：

 .rtl ul { float: left; } .rtl ul li { float: right; } 

对于内联块技术：

 .rtl ul { text-align: left\9; /* IE8/9 */ *text-align: left; /* IE5/6/7 */ } 

text-align: start | end

不同于left和right ， start和end的写作模式而定关键字。 在英语中， start地图left和end映射到right 。 依托start和end ，而比left和right ，允许某些浏览器做自动交换（ ltr / rtl ）。

浏览器和技术之间的差异

在浏览器中不支持“ start / end “（IE浏览器，歌剧）

浮法技术：交换的方向不会改变任何东西

内联块技术：交换的方向不会改变菜单的对齐，但正确的顺序显示链接

在支持“ start / end “（铬，Safari，火狐浏览器）

浮法技术：交换的方向不会改变任何东西

内联块交换技术：方向是足够的交换双方菜单的方向和链接

这就是它！ 下一次你有水平的风格元素，记得给display:inline-block或display:table一试。

找到的谈话： bloglines technorati

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

锐3“积木，模块和应用程序”研讨会即将到波特兰，免费！

锐，一起与雅虎 开发者网络 ，很高兴赞助免费的YUI 3“积木，模块和应用研讨会”上周日，2011年5月1日，在美国俄勒冈州波特兰市。 这是一个伟大的方式开球时间JSConf ，但你不需要JSConf的票，以出席研讨会。 所有被邀请到这个免费的事件！

我将加入雅虎同胞， 贡萨洛·科尔德罗的全日制手的训练，在那里你会学习如何建立状态类，插件，使用YUI的基础设施组件的部件，打包成可重用的模块，并组装他们成一个简单的应用程序。 上午上课，将重点放在什么积木（如基地和Widget）提供何时以及如何使用它们。 下午班将进入更先进的类配置，设立装载机结合主办的模块，并建立应用程序控制器通过自定义事件有关的各种模块类和API。

空间有限，所以今天预定您的座位在http://training.bocoup.com/PreJSConf-2011/

找到的谈话： bloglines technorati

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

YUI的3 DataTable的快速编辑模式

即使锐3 DataTable中还没有内联编辑的单个细胞，它是相对简单，以实现快速编辑模式。 为DataTable中的快速编辑插件锐在3画廊允许同时编辑一个DataTable中的所有可见值。

（ 点击玩这个例子的截图 。）

概观

至于与YUI 2版本 ，快速编辑模式的核心思想是，换出新的细胞格式化，表单元素，例如，输入域或下拉列表填充细胞。 这样做start()被调用，基于下文所述的配置。 用户完成后，您可以调用getChanges()来获得改变的值，然后他们坚持。 退出快速编辑模式，呼吁cancel() （它被命名取消 ，而不是停下来提醒你，它丢弃所有的变化。）

自快速编辑廊模块是一个DataTable中的插件，你需要将其插入到您的DataTable之前，你可以用它：

 my_table.plug（Y.Plugin.DataTableQuickEdit）;

这个插件存储在qe DataTable的成员，所以你必须这样调用插件的功能：

 my_table.qe.start（）;

组态

快速编辑增加了两个新的所有列的配置属性： quickEdit和qeFormatter 。

如果一个列的quickEdit属性定义，将列在“快速编辑模式编辑。 接受所有默认设置，你可以简单地设置quickEdit:true 。 对于更多的控制权，你可以传递一个对象，具有以下属性：

formatter

单元格的格式化，这将导致以适当的形式领域：<input type="text">，<TEXTAREA>或<SELECT>。 默认情况下，细胞的格式化Y.Plugin.DataTableQuickEdit.textFormatter是用于所有细胞产生的输入元素。 为了得到一个textarea元素，配置，而不是使用Y.Plugin.DataTableQuickEdit.textareaFormatter列。

validation

每列字段的验证配置。

css

CSS类编码的基本验证规则：

yiv-required

值不能为空。

yiv-length:[x,y]

至少在最x y字符x字符和字符串必须。 必须指定至少一个x和y。

yiv-integer:[x,y]

整数的值必须是至少x和在最y 。 x y y都是可选的。

yiv-decimal:[x,y]

十进制值必须是至少x和最y 。 指数是不允许的。 x y y都是可选的。

fn

一个称为其范围和细胞的形式元素作为参数将DataTable的功能。 返回true如果该值是有效的。 否则，调用this.displayMessage(...)显示错误，则返回false。

msg

地图的类型时，将显示一个基本的或正则表达式验证规则失败的消息。 有效的类型有： required ， min_length ， max_length ， integer ， decimal ， regex 。 没有默认类型regex ，所以你必须指定一个消息，如果你配置一个正则表达式验证。 其他类型的默认错误信息存储在Y.FormManager.Strings （提供画廊formmgr CSS验证 ）和可重写和/或本地化。

regex

正则表达式的值必须满足为了被视为有效。

有时候，一个不可编辑的列必须在快速编辑模式呈现不同的。 最好的例子是一个列包含一个链接，因为从页面导航，而在“快速编辑模式可能是灾难性的。 要删除链接，在快速编辑配置qeFormatter列Y.Plugin.DataTableQuickEdit.readonlyLinkFormatter 。 对于电子邮件地址，使用Y.Plugin.DataTableQuickEdit.readonlyEmailFormatter 。 你也可以写你自己的自定义，只读格式化。 只需按照构建一个DataTable细胞格式化的一般规则。

缺少的特性

由于锐3.3.0的DataTable中的一个td 错误 ， td元素传递给一列格式化实际上是由前一列。 这太麻烦，以支持复制下来 ，在第一行中的一个按钮，让你复制的价值下降到所有其他行。

的错误也需要一个完整的基本快速编辑单元格格式化的改造，而不是操纵DOM返回的文本。 这就是为什么自定义单元格格式化是没有正式在最初的版本中支持。 如果你喜欢冒险，你仍然可以建立，但要记住，你将需要重写，包括加入支持复制下来，一旦在DataTable中的错误是固定的。

关于作者简介：： 约翰Lindal （ @ jafl5272在Twitter）是雅虎建设的基础上率先工程师之一 APT是建成。 此前，他曾在雅虎出版商网络。

找到的谈话： bloglines technorati

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

锐：周四4月21日营业时间

YUI的远程装载机服务

有一段时间了， 里德·伯克已Node.js的基础服务工作加快了计算，并要求在3 YUI的模块依赖的过程。 他有它非常接近搞定了在这一点上，希望他有什么分享，并得到你的想法将使甚至awesomer的。

问题

一段时间，现在我们已经知道，而真正开发方便， Y.use( modules ,...)方法引入不必要的延误，在自旋向上的实现代码。 原来，这是一个计算依赖关系树的工作很多，仅元数据可以在你的页面的整体内存占用的累赘。 YUI种子文件（包括传统的方法yui-min.js ），然后引导YUI().use(...)第一次告诉锐加载模块依赖元数据在背负整个库的装载机YUI().use(...)其源，然后装载机计算所需的模块的完整列表根据您的use(...) 在客户机上的陈述。

该解决方案

远程装载机服务移动计算服务器，使你的代码的初始化速度，并减少您的网站的客户端内存中的文件，因为元数据和装载机在客户机上不再必要。 它也可作为组合处理，直接返回所有的代码，而不是通过路由的yahooapis组合服务（网络流量少），是Node.js的对您的域名服务器上部署。

该计划是今天的工作，其中包括一些非常令人印象深刻的统计，从它在使用yuilibrary.com里德演示，然后打开通话的意见和要求。 快来退房YUI加载的未来看起来是什么！

时间及详情

我们会从上午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

YUI团队很高兴地宣布释放锐版2.9.0。 锐2.9.0 对YUI 2行代码是最后一个错误修复发行，标志着其进入维护模式的过渡。 向前走，希望看到的版本，只有关键的bug修复或修复导致更新的浏览器在浏览器的兼容性问题组成的金紫荆星章 。 我们真正的兴奋，更好地集中我们的注意力，对即将到来的3.4.0锐释放。

要获得一个想法锐2.9.0中包含的变化，您可以查看自述精华总结他们各自的自述文件，这个版本的组件开发增加。 您还可以查看固定门票锐2.9.0为完成本新闻稿中的错误修复和增强请求的摘要清单 。

我们想提醒大家，当我们开始自嘲锐2.X的过程中，所有发布的版本将继续在雅虎的CDN承载和代码库将继续对GitHub.com forkable 。

找到的谈话： bloglines technorati

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