发布于 2015-01-23 23:48:21 | 371 次阅读 | 评论: 0 | 来源: 网友投递

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

Semantic UI开源前端框架

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

---

Semantic UI 1.8.0 发布，此版本现已提供下载（ZIP），更新内容如下：

重要特性：

• Form - Form now has new methods reset, clear, set value(s), and read value(s) for modifying and reading form data. Check docs for details on implementation. Thanks @mktm

• Search - Search onSelect now recieves JSON object matching currently selected element, you can now programmatically retrieve result JSON using .search('get result', 'query') or .search('get results'). get result will default to current value unless specified as first parameter.

• Transition - Added many new transitions, and new directions for existing transitions Thanks @ph7vc

• Dropdown - Dropdown now stores placeholder text (prompt text) as separate from default text (text set on page load). You can now reset placeholder conditions using $('.ui.dropdown').dropdown('clear');`

功能增强

• API - Added new behavior $.api('abort') which cancels current request

• Dropdown - Keyboard navigation will now allow opening of sub menus with right/left arrow. Enter will open sub-menus on an unselectable category (allowCategorySelection: false) as well.

• Dropdown - Mutation observers will now observe changed in <select> values after initialization, and will automatically update dropdown menu when changed

• Dropdown - Dropdown behavior set selected will now also call set value automatically, so you do not have to invoke two behaviors to update a selection dropdown Thanks @mktm

• Form - Form will now prevent browsers from resubmitting form repeatedly when keydown is pressed on input field.

• Header - Content headers now inherit @h1-h6 sizes from site.variables

• Header - Sub headers now adjust in size depending on header size, added new variables for subheader resizing

• Search - Greatly reduced search delay from 300ms to 100ms. Previous request will automatically abort xhr when new request made

• Search - Search onSelect and onResultsAdd can now cancel default actions by returning false.

• Transition - Transition duration now defaults to what is specified in css, to set custom duration you can still pass at run-time as a different value. Animation duration no longer set by default during animation.

• Transition - Transition will now prevent repeated animations when using an inferred direction i.e. animation without in or out specified. When queue: true only animations with explicit direction, e.g. fade in, will be ignored when called repeatedly.

Bugs 修复

• API - Fixed bug where $.api('get xhr') was not correctly returning xhr promise

• API - Fixed bug where API would query resource immediately when specifying on: false

• Button - `ui vertical basic buttons now have dividers in default theme

• Button - Fixes formatting for disabled button inside ui buttons

• Checkbox - Checkbox now only modifies input[type="radio"] and input[type="checkbox"] ignoring any other inputs

• Dropdown - Dropdown no longer will not show menu when no item are present in menu. Dropdown will now only filter results for ui search dropdown #1632 Thanks PSyton.

• Dropdown - Dropdown will now produce an error if behaviors on an initialized <select> are not invoked on ui dropdown

• Dropdown - Fixed bug where link items would not open in sub-menus due to event.preventDefault

• Label - Fixed ui corner label appearing on-top of ui dropdown menu due to issue in z-index heirarchy

• Label - Fixed issue with ui ribbon label not positioning itself correctly when using sizes like small or large

• List - relaxed list and very relaxed list no longer add padding to child menu items

• Popup - Popup will now only use a max of one element when settings.popup mistakingly passes multiple DOM elements

• Popup - Popups will now by default appear over all UI content, even dimmers.

• Search - Search results no longer hide/show when user changes tab or page loses focus

• Sidebar - Fixed bug with pusher inheriting first child margins due to margin-collapse

• Sidebar - Mobile is mobile was using RegExp test() which would return an incorrect value when called multiple times

• Sidebar - Sidebar will now only close if you click on pusher or underlayed body (scale out). Clicking on fixed elements will not close sidebar.

• Transition - Fixed bug with animations that contain the strings 'in' or 'out' as part of their names, for example "swing"

• Sticky - Fixes issue with container size not being set explicitly on rail due to improper method renaming

View Closed Issues

View Commits

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