Semantic UI 1.11.0 釋出,前端介面開發框架

edithfang發表於2015-03-04

Semantic UI 1.11.0 釋出,更新內容如下:

新的元件

  • 可見性 - 新增回撥函式到元素來控制元素的可見性。 在一些場景非常有用,例如:圖片惰性載入、無限滾動內容、記錄事件追蹤等等
    
更多詳情參見線上案例

功能增強 Enhancements

  • Form - <select> now receive error formatting on form error Thanks @davialexandre
  • Transition - Added more reasonable default durations for each animation
  • Loader - inline loader now has a centered variation
  • Modal - Modal no longer hides and reshows dimmer when opening a modal with another modal open with exclusive: true
  • Popup - Added exclusive parameter to automatically close other popups on open
  • Transition - Added toggle behavior and docs for show and hide
  • Transition - transition now has stop, stop all, and clear queue for removing transitions, (undocumented method stop, and start renamed to enable and disable)
  • Dimmer - Add opacity setting to override css value. Add to docs several undocumented settings, like useCSS, and variation.
  • Icon - added @src variable to make it adjustable with themes that dont support all types likewoff2

Bugs

  • Dropdown - Fixes issue where dropdown would not open after restoring previus value on failed search dropdown search
  • Grid - Fixes specificity of grid column colors to not affect other elements with columns
  • Icon - Fix clockwise rotated icon causing clockwise icon to appear
  • Popup - Fix issue with popup not re-opening until another element gains focus on a mobile touchscreen
  • Modal - Fixed issue with modal not appearing when calling show during another modal hide
  • Popup - Popup will now fire onHidden when an element is hidden by opening a different popup
  • Popup - Fix popup not namespacing window events and unbinding on destroy Thanks@revov
  • Table - Fixes table on mobile sizes can surpass parent container width
  • Transition - Fixes swing out animations not working correctly
  • Transition - Fixed display state other than block not determined when using show andhide without an animation
  • Transition - Fix bug in remove looping causing next animation to use same duration
  • Segment - Fix first/last margins on ui segments
  • Search - Fix special characters not searching correctly with local search
  • Search - Fix a bug with onSelect returning null when minCharacters: 0
  • Search - Fix a bug with onSelect returningnull` when results retrieved from cached API query
  • Sticky - Fixed sticky position when page loads and content is below sticky content.
  • Sticky - Fix bottom attached position not adjusting for bottom padding on container element
  • Menu - Fix vertical pointing menu, sub menu arrow color
  •             *Item * - img inside of ui item content now do not receive size formatting by default
  • Form - Added input
  • [type="search"] styles to ui form

文件更新 Docs

  • Transition - Adds examples of hide,show,toggle,stop,stop all, andclear queue`
  • Item - Significant rewrite of ui item documentation

國際性 International



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



相關連結

相關閱讀
評論(1)

相關文章