1. XenForo 1.5.14 中文版——支持中文搜索!现已发布!查看详情
  2. Xenforo 爱好者讨论群:215909318 XenForo专区

新闻 Semantic UI 1.9.0 发布,前端界面开发框架 下载

本帖由 漂亮的石头2015-02-18 发布。版面名称:软件资讯

  1. 漂亮的石头

    漂亮的石头 版主 管理成员

    注册:
    2012-02-10
    帖子:
    486,020
    赞:
    46
    Semantic UI 1.9.0 发布,此版本现已提供下载:

    更新内容如下:https://github.com/Semantic-Org/Semantic-UI/archive/1.9.0.zip

    构建工具


    NPM 安装


    • npm install semantic-ui is now the recommended path for getting Semantic UI


    • Added npm post-install scripts which automatically install or update semantic

    Gulp 任务导入


    • Semantic tasks are now each defined in their own file, and can be directly imported into external gulpfiles. Read more about importing tasks here


    • If you are using Grunt, you may be able to import these tasks using Grunt-gulp

    LESS 组件导入


    • Semantic LESS files can now be directly included in other LESS files.


    • You can import all UI with @import 'src/semantic';


    • You can also import individual definitions using @import 'src/definitions/elements/button'.
    UI 改进


    重大改进


    • Card - Cards now equalize height by default using display: flex. No longer are card heights required to be specified manually to align


    • Flag - Reduced the file size of flag sprite to a measly 28kb (500%+ file size reduction)


    • Icon - Added Font Awesome 4.3 including many new icons


    • Input - Input with dropdowns is now much easier, see docs. action input and labeled input now use display: flex. ui action input now supports <button> tag usage (!) which support flex but not table-cell


    • Segment - Added plural variation ui segments that stack together in groups without using additional class names

    功能增强


    • API - API now has an onRequest callback setting that receives the XHR promise after initializing the request


    • Button - Loading buttons no longer receive pointer-events in default theme. Added variable for loading button opacity.


    • Card - Card now has colored variations Tahnks @romuloctba


    • Dropdown - search selection dropdown will now close the menu when a dropdown icon is clicked


    • Dropdown - Added new dropdown setting, forceSelection which forces search selection to a selected value on blur. Defaults to true.


    • Flag - Updated Burma/Myanmar flag to current flag (was pre-2010 flag)


    • Form - Input rules now apply to input[type="time"]


    • Form Validation - get values, set values now support multiple select e.g. field[]


    • Form Validation - Dropdown and checkbox will now validate after interaction with on: 'blur'


    • Headers - Headers can now contain images alongside text, added examples to docs


    • Icon - Added woff2 icon files for supported browsers (20% file-size decrease) Thanks FontAwesome


    • Label - ribbon label can now be used inside ui image and ui card correctly


    • Sidebar - Sidebars in IE now work correctly with context specified


    • Rating - Vertical alignment of ui rating with inline content now accounts for parent line height

    Bugs 修复


    • All Modules - Fixed bug where element destroy could remove third party events when re-initialized


    • Breadcrumb - Breadcrumb icon now has exact px value to alleviate vertical align issues


    • Card - Star / Like button colors have been fixed to match ui rating inside card


    • Card - Hiding a card with display: none no longer causes layout issues with (x) cards


    • Card - image inside content no longer has a fixed size Thanks @romuloctba


    • Form - info message are no longer hidden by default inside ui form


    • Form - Lightened error dropdown hover text color to be more legible


    • Dropdown - Upward dropdown now has upward arrow icon


    • Icon - external link and external link square has been renamed to external icon to no longer receive link styles by default


    • Modal - Modal now swaps to scrolling modal when close icon no longer can be displayed, instead of modal content


    • Steps - Fixed bug where evenly divided steps were no longer fluid


    • Transition - Fixes bug where moduleNamespace was being omitted


    • Transition - Transitions with direction now use word order dependency to prevent conflict with component directions, for example `bottom left popup slide down in transition

    文档


    • Fixed bug with chinese mirror modal appearing on every page load when selecting chinese language

    更多内容请看这里

    Semantic UI—完全语义化的前端界面开发框架,跟 BootstrapFoundation 比起来,还是有些不同的,在功能特性上、布局设计上、用户体验上均存在很多差异。

    Semantic UI 特点:


    • 文档和演示非常完善


    • 易于学习和使用


    • 配备网格布局


    • 支持 SassLESS 动态样式语言


    • 有一些非常实用的附加配置,例如inverted类。


    • 对于社区贡献来说是比较开放的。


    • 有一个非常好的按钮实现,情态动词,和进度条。


    • 在许多功能上使用图标字体。

    Semantic UI 对浏览器的支持:


    • Last 2 Versions FF, Chrome, IE (aka 10+)


    • Safari 6


    • IE 9+ (Browser prefix only)


    • Android 4


    • Blackberry 10

    [​IMG]
    Semantic UI 1.9.0 发布,前端界面开发框架下载地址
     
正在加载...