发布于 2015-01-16 00:01:48 | 328 次阅读 | 评论: 0 | 来源: 网友投递

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

Semantic UI开源前端框架

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

---

Semantic UI 1.7.0 发布，更新内容如下：

主要改进

• Project - Right-to-left (RTL) support added. New gulp tasks for RTL file generation and install setting. Docs however do not yet support RTL.Thanks @MohammadYounes for constant support with RTL!.

• Project - Install now let you specify the outputted file permissions (express/custom install)

功能增强

• Grid - Added equal width variation using flex-box, equal height now also uses flex-box (this may have to be removed if causes unexpected browser issues)

• Sidebar - Having a sidebar visible on page load is now much simpler. You can include ui visible sidebar on page load to have a sidebar element appear on page load. To close call $('.ui.sidebar').sidebar('hide')

• Sidebar - Added documentation on using sidebar on a custom context. Sidebars using a custom context no longer add background colors like those initialized on body

• Site - Form input highlighting color added (helps differentiate form colors with autocompleted fields). Default text highlighting color moved from highlighter yellow to a mellow blue.

• Dropdown - Javascript Dropdown can now be disabled by adding `disabled class. No need to call destroy. Thanks Psyton

• Dropdown - Search dropdown input can now have backgrounds. Fixes issues with autocompleted search dropdowns which have forced yellow "autocompleted" bg.

• Dropdown - Fix issue with search selection not correctly matching when values are not strings

• Progress - Progress bars can now display percent or amount left using {value} in text templates

• Dropdown - New upward dropdown variation, which opens its menu upward. Default animation now uses `settings.transition = 'auto' and determines direction of animation based on menu direction

• Dropdown - Dropdown matching fields without values now trims whitespace by default

• Checkbox - Checkbox now toggles on spacebar when focused (previously only toggled on enter key).

• Popup - Popup now uses its own custom method for determining offsetParent meaning 3D contexts (like inside an animation) no longer should break positioning

• Popup - Popup now uses preserve: false by default, this is slightly less performant but will reduce page clutter caused by leaving generated elements in the DOM

Code / Build

• Build - Dist/ files now set file permissions in build. 644 by default. Can adjust in semantic.json or during gulp install. You will need to run npm install to add the new gulp-chmod dependency Thanks @PeterDaveHello

• Sidebar - setup layout not occurs synchronously if you initialize a sidebar without the proper html. This makes sure calls to sidebar will occur correctly before the page is setup. A new setting delaySetup will override this, increasing performance.

• Modules - Remove use of deprecated .size() for .length across all modules

• Modules - Use of $.proxy swapped to native function.call() for performance gains across all modules

Bugs 修复

• Video - Video component now uses // instead of defaulting to http

• Dropdown - restore defaults will now set placeholder styling and remove active elemenet. Added example in docs.

• Dropdown - Fixed bug where sub menus may sometimes have dropdown icon overlap text

• Dropdown - Fixes dropdown search input from filtering text values when input is inside menu, i.e "In-Menu Search"

• Dropdown - Fix issue with search selection not correctly creating RegExp when select values are not strings Thanks @alufers

• Dropdown - Fix issue with left floated and right floated content sometimes not applying correctly

• Popup - wide and very wide popup will now appear when screen size is below their max-width

• Popup - Popup no longer blurs element on popup hide

• Segment - ui tabular menu now correctly aligns with attached segment when using fluid variation Thanks @MohammadYounes

• Segment - basic segment no longer removes padding on first and last elements

• Steps - Steps now use table-cell to allow steps to be equal height by default, even with different content height.

• Button - Fix issue with labeled icon groups in material theme

• Progress - Fixes bug with progress that use total and value receiving the wrong values for text templates

• List - Fix some styling issues with ui list inside ui menu

Semantic UI 1.7.1 发布，主要是 bug 修复，更新内容如下：

• Installer - Fixes installer not including RTL parameter correctly

• UI - Fixes progress, ad, and sidebar not loading .override files correctly

• Removed undocumented components from theme.config.example

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 发布，前端界面开发框架