发布于 2015-03-04 04:00:17 | 243 次阅读 | 评论: 0 | 来源: 网友投递
Semantic UI开源前端框架
Semantic UI是一个免费开源的前端开发框架.Semantic UI拥有支持情态动词、手风琴元素、元素调光器、3D转换,甚至是评级等多种功能。
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
Chinese - 新的中文镜像官方站启用 http://www.semantic-ui.cn
Semantic UI—完全语义化的前端界面开发框架,跟 Bootstrap 和 Foundation 比起来,还是有些不同的,在功能特性上、布局设计上、用户体验上均存在很多差异。
Semantic UI是一个免费开源的前端开发框架.Semantic UI拥有支持情态动词、手风琴元素、元素调光器、3D转换,甚至是评级等多种功能。
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