Semantic UI 1.9.0 发布，前端界面开发框架

sky

3月21日 深圳 OSC 源创会开始报名罗，送华为海思开发板
　　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>display: flex. No longer are card>
  
• 
  　　Flag - Reduced the file>
  
• 　　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  tag usage (!) which support flex but not table-cell
  
• 
  　　Segment - Added plural variation ui segments that stack together in groups without using additional>
  

　　功能增强

• 　　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>
  

　　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>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—完全语义化的前端界面开发框架，跟 Bootstrap 和 Foundation 比起来，还是有些不同的，在功能特性上、布局设计上、用户体验上均存在很多差异。
　　Semantic UI 特点：

• 　　文档和演示非常完善
  
• 　　易于学习和使用
  
• 　　配备网格布局
  
• 　　支持 Sass 和 LESS 动态样式语言
  
• 　　有一些非常实用的附加配置，例如inverted类。
  
• 　　对于社区贡献来说是比较开放的。
  
• 　　有一个非常好的按钮实现，情态动词，和进度条。
  
• 　　在许多功能上使用图标字体。
  

　　Semantic UI 对浏览器的支持：

• 　　Last 2 Versions FF, Chrome, IE (aka 10+)
  
• 　　Safari 6
  
• 　　IE 9+ (Browser prefix only)
  
• 　　Android 4
  
• 　　Blackberry 10