`
stenlylee
  • 浏览: 260277 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

YUI Grids CSS 002 - 【视频】YUI CSS框架

阅读更多
这段视频为2007年10月录制的,长度为42分钟的技术演讲。YUI高级工程师以及CSS组件作者Nate Koechley整体介绍了该框架以及所有YUI CSS组件。(iPod与iPhone下的视频文件下载

视频观看地址: http://video.yahoo.com/watch/1373808/4732784
分享到:
评论

相关推荐

    YUI 中的 Grids CSS值得关注和学习的

    YUI Grids CSS主要包含三个方面的重要概念和技术,分别是: 1. **负边距布局思想**: 负边距(Negative Margins)是一种灵活的布局技术,可以用来创建液态布局(Liquid Layouts),即页面能够根据浏览器窗口的大小...

    精选国外15个CSS框架.pdf

    4. **YUI Grids CSS** - YUI是Yahoo!公司推出的前端框架,其Grids CSS用于创建灵活和响应式的网格布局。 - 适用于需要高性能和高质量前端设计的大型项目。 5. **Clever CSS** - Clever CSS是一个利用CSS的语法...

    27款经典的CSS框架小结 网页制作必备

    作为最著名的 CSS 框架之一,YUI Grids CSS 提供了四种预设页面宽度,六种预设模板。其中的负 Margin 技术,使用度量单位 em,清除布局浮动等技术非常值得学习和借鉴。 3. Blueprint Blueprint 是一款成熟

    优秀的CSS 框架整理

    比如:  * typography.css 字体排版规则 * grid.css 表格布局 * layout.css 布局 * form.css 表单 * general.css CSS常规设置 下面是一些不错的CSS框架,推荐...很不错的框架,基础的YUI Grids CSS提供4种页面宽

    精选国外15个CSS框架整理.pdf

    这些CSS框架各有特色,有的专注于网格系统,如960 Grid System和YUI Grids CSS,有的强调简洁性和可读性,如CleverCSS,还有些如Emastic和Elements,提供更加全面的解决方案,涵盖工作流程和设计元素。选择合适的CSS...

    yui.rar 例子

    在Web开发中,布局设计是至关重要的,YUI提供了一套完整的布局解决方案,如Grids CSS框架,可以轻松实现响应式设计,适应不同屏幕尺寸和设备。在这个例子中,左中右三个模块的划分,正是通过YUI的Container组件和...

    yui 资源包

    总结,YUI 3.9.0 r2是一个强大的前端开发框架,它提供了一整套工具和组件,以应对复杂的界面设计挑战,并通过优化资源加载和管理,提升了Web应用的性能和用户体验。无论是初学者还是经验丰富的开发者,都能从中找到...

    css框架(CSS Frameworks):CSS框架应用

    YUI Grids CSS是由Yahoo开发的基础网格系统,通过4种预设的页面宽度、6种模板和2到4列的区块功能,提供了超过1000种布局组合,仅需一个4KB的CSS文件。 Logicss Framework则是结合了CSS和PHP,旨在减少符合Web标准的...

    雅虎YUI组建

    YUI的CSS组件提供了预定义的样式和布局解决方案,如Grids布局系统,使得网页布局变得更加简单。它还包括了诸如Button、Form、Menu等UI元素的样式,使得网页设计风格统一且易于定制。 **3. JavaScript组件** - **...

    yahoo3.0 YUI Examples

    3. **CSS组件**:YUI提供了丰富的CSS样式库,如Grids(网格布局)、Buttons(按钮)、Forms(表单)等,使得界面设计更加统一和规范。 4. **Widget系统**:YUI 3的Widget系统是一套强大的UI组件,包括了如...

    yui_3.8.1.zip

    3. **CSS样式和布局**:YUI包含一套响应式设计的CSS框架,如Grids布局系统,帮助开发者快速创建响应式的网页布局。 4. **数据管理**:YUI提供了Model、ModelList和Store等组件,用于数据的存储、管理和同步,与...

    YUI 详细说明文档

    YUI提供了一套标准化的CSS样式,帮助开发者快速搭建界面。 - **5.1 Fonts**:定义字体样式。 - **5.2 Reset**:重置浏览器默认的样式,确保在不同浏览器间的一致性。 - **5.3 Grids**:提供了一套网格布局系统...

    yui_3.0.0(雅虎官方)

    9. **调试和测试工具**:YUI附带了强大的调试和测试工具,如YUI Logger、Profiler和Test框架,帮助开发者进行代码优化和质量控制。 10. **兼容性广泛**:YUI 3.0.0致力于跨浏览器兼容,支持主流的桌面和移动浏览器...

    关于yui的学习

    关于YUI的学习,这是一个关于前端开发框架YUI的深入探讨。YUI,全称为Yahoo! User Interface Library,是由雅虎公司开发并开源的一款JavaScript库,旨在帮助开发者构建高性能、可扩展且易于使用的Web应用程序。YUI的...

    Yahoo JavaScript库 YUI源码

    4. **CSS样式工具**:YUI包含了CSS Reset和Grids,帮助开发者快速创建整洁、响应式的布局,减少了样式冲突问题。 5. **数据绑定和模板引擎**:YUI的数据绑定功能允许开发者将JavaScript对象与HTML元素进行绑定,...

    Pure一组可以用在任何Web项目的迷你响应式CSS模块

    在压缩包文件名称“pure-css-pure-94cae66”中,“pure-css”是项目名称,而“94cae66”可能是该版本的Git哈希值,通常用于追踪代码库中的特定版本。这表明下载的是Pure CSS的一个特定版本,而不是最新的开发版本,...

Global site tag (gtag.js) - Google Analytics