发布于 2015-11-02 06:49:02 | 250 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程，程序狗速度看过来！

Semantic UI开源前端框架

Semantic UI是一个免费开源的前端开发框架.Semantic UI拥有支持情态动词、手风琴元素、元素调光器、3D转换，甚至是评级等多种功能。

---

Semantic UI 2.1.5 发布，此版本更新内容如下：

文档更新

• Examples - All code examples now have a "copy to clipboard" button Thanks @xiwc and @zenorocha for clipboard.js

小改进

• Form - Adds equal width form and equal width fields for simpler grouped fields

• Modal - onHide callback can now cancel event by returning false #3168 Thanks @mdehoog

• Dropdown - Added onLabelRemove callback that allows value removal to be cancelled by callback Thanks @goloveychuk

• Table - Added selectable on table cell, allowing for full table-cell links

• Popup Added three new variables for arrow background color based on position, top, center or bottom. This makes it easier to use gradient backgrounds with popups and still match arrow colors.

• Popup - Added behaviors get popup and change content to more easily determine popup from activating element and change text

主要 Bug 修复

• Checkbox/Dropdown/Search - Fixed issue where using .trigger('change') would not fire native change event. Only triggering event handlers attached with jQuery #3108

• Transition - Fixed bug where static transitions (those that dont animate in/out of view) would not fire onComplete event

• Sticky - Fixes bug where sticky would stick at incorrect times when using a different scroll container than body and scrollTop is not 0 on page load.

Bugs 修复

• Divider/Step/Modal/AD - Fixes 1px jump at @mobileBreakpoint caused by incorrect edge conditions in media query #3180 THanks @mdehoog

• Dimmer - Dimmer can now works correctly with opacity: 0 #3167 Thanks @mdehoog

• Dropdown - Fixed condition where focusing on dropdown would show a blank menu when "no results" was reached and the dropdown was refocused

• Dropdown - Search dropdowns will now correctly filter by current search term on re-focus

• Dropdown - Fixed issue where tabindex was being removed incorrectly with selection dropdown in some cases. #3002

• Dropdown - Added remoteValues as a possible field setting. Allowing users to return API results using arbitrary JSON object groupings. #3080

• Dropdown - Added ability to pass in keys as a setting, to avoid issues with languages where comma delimiter may be a different keycode #3016

• Dropdown - search dropdown will now initialize with autocomplete="off" to avoid triggering native autocomplete menu

• Form Validation - Fixes error on blur or change when using a blank validation object #3131 Thanks @listepo

• Form Validation - Fixes some issues with form integer validation #3053 Thanks @maturano

• Form Validation - decimal rule now only matches decimals, to match any number use number rule. #3060

• Form - Removed divider spacing as part of ui form, this caused inheritance issues when using special divider types #3092

• Grid - Fixes attached segment 1px offset inside grid column #3226

• Grid - Fixes some inconsistencies with widescreen only class #3161 Thanks @mdehoog

• Header - Sub headers now force display: block #3020

• Popup - Fixes positioning issue when movePopup: false #3213 Thanks @parisholley

• Popup - Popup now works with svg elements #3043

• *Progress - Calling reset will now reset value to 0, so increment starts again at 0

• Search - Fixes onSearchQuery not firing when results are cached Thanks @mnquintana

• Search - Fixes url parameter not working correctly due to typo in source Thanks @fabienb4

• Segment - Fixes border on horizontal segment when they are :first-child inside segments groupDocs Bugs

• Thanks to everyone who has submitted PRs for typos, grammatical changes. These are too numerous to count, but really help improve the quality of our docs.

• Progress - Progress example code no longer shows accidental inline css

• Sticky - Fixed issue where pressing home/end button would cause sticky to break due to internal logic not allowing immediate jump from bottom attached to top attached, experienced most likely when pressing "home" or "end" key #3011

下载：https://github.com/Semantic-Org/Semantic-UI/archive/2.1.5.zip

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

历史版本 :
Semantic UI 2.2.11 发布，前端界面开发框架
Semantic UI 2.2.10 发布，前端框架
Semantic UI 2.2.8 和 2.2.9 发布，前端框架
Semantic UI 2.2.7 发布，前端界面开发框架
Semantic UI 2.2.4 发布，前端界面开发框架
Semantic UI 2.2.3 发布，前端界面开发框架
Semantic UI 2.2.2 发布，前端界面开发框架
Semantic UI 2.2.1 发布，前端界面开发框架
Semantic UI 2.1.8 发布，前端界面开发框架
Semantic UI 2.1.7 发布，前端界面开发框架
Semantic UI 2.1.6 发布，前端界面开发框架
Semantic UI 2.1.5 发布，前端界面开发框架