前端 UI 框架，Semantic UI 1.7.0/1.7.1 發布

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

主要改進

• 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 - Addedequal widthvariation usingflex-box,equal heightnow also usesflex-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 includeui visible sidebaron 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 onbody

• 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 `disabledclass. No need to calldestroy. 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 - Newupward dropdownvariation, 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 determiningoffsetParentmeaning 3D contexts (like inside an animation) no longer should break positioning

• Popup - Popup now usespreserve: falseby 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.644by default. Can adjust insemantic.jsonor during gulp install. You will need to runnpm installto add the new gulp-chmod dependency Thanks @PeterDaveHello

• Sidebar -setup layoutnot 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 settingdelaySetupwill override this, increasing performance.

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

• Modules - Use of$.proxyswapped to nativefunction.call()for performance gains across all modules

Bugs 修復

• Video - Video component now uses//instead of defaulting tohttp

• Dropdown -restore defaultswill 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 withleft floatedandright floatedcontent sometimes not applying correctly

• Popup -wideandvery widepopup will now appear when screen size is below theirmax-width

• Popup - Popup no longer blurs element on popup hide

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

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

• Steps - Steps now usetable-cellto 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 usetotalandvaluereceiving the wrong values for text templates

• List - Fix some styling issues withui listinsideui menu

Semantic UI 1.7.1 發布，主要是 bug 修復，更新內容如下：

• Installer - Fixes installer not including RTL parameter correctly

• UI - Fixesprogress,ad, andsidebarnot loading.overridefiles correctly

• Removed undocumented components fromtheme.config.example