发布于 2014-12-18 07:20:32 | 214 次阅读 | 评论: 0 | 来源: 网友投递
Semantic UI开源前端框架
Semantic UI是一个免费开源的前端开发框架.Semantic UI拥有支持情态动词、手风琴元素、元素调光器、3D转换,甚至是评级等多种功能。
Semantic UI 1.3.2/1.3.1/1.3.0 发布,Semantic UI 先发布了 Semantic UI 1.3.0 和 Semantic UI 1.3.1,然后隔了两个小时又继续发布了 Semantic UI 1.3.2。这三个版本现已提供下载:
Semantic UI 1.3.2 改进内容:
Modal - Fixed issue with modal dimmer appearing cut off in some browsers, and not hiding
Semantic UI 1.3.1 改进内容:
Button - Dist version of button accidentally included chubby
theme instead of default
theme
Semantic UI 1.3.0 主要是修复了一个关键的 bug:
Build Tools - Fixed issue with theme.config
causing gulp watch
to throw an error
还有一些功能增强,bug 修复和文档更新:
Enhancement
Dropdown - Dropdown can now specify which direction a menu should appear left/right, dropdown icons can also appear on the left
Dropdown - Full text search now defaults to false
, meaning search terms will return only results beginning with letters
Dropdown - Search Dropdown is now much more responsive, js improvements and input throttling added.Throttling defaults to 50ms
and can be modified with settings delay.search
Dropdown - Search Dropdown now correctly replaces placeholder text when backspacing to empty value
Dropdown - Search Dropdown now has a callback when all results filtered onNoResults
Dropdown - Search dropdown will now strip html before searching values when searching html
Dropdown - Search now has keyboard shortcut to open dropdown on arrow down
Form - Form will no longer process validation rules on disabled fields
Label - Corner attached labels now display correctly inside of attached segments
Steps - Steps are now responsive for mobile by default, and have optional responsive styles for tablet
Table - Table has now variations to remove responsive stylings, specify responsiveness for tablet
Table - Table now has a structured table
type, which removes some formatting considerations to support complex table layouts with colspan
and rowspan
Bugs
Button - Button "or" positioning variables have been adjusted to be automatically calculated without magic numbers
Dropdown - Dropdown now always scrolls to active element on menu open, calculates position with new loading
class
Dropdown - Fix bug in position of sub menus with floating dropdown
Form - Fixed positioning of horizontal field groups, aka fields
for mobile.
Grid - stackable grid
now display correctly when nested inside a different stackable grid
Image - UI image now works with SVG
Modal - Fixed issue with modal losing scroll position on mobile
Modal/Dimmer - Fixed issues with modal hiding during showing and showing during hiding, fixed issues with "hiding other" modals while a modal is mid-animation.
Segment - Vertical segments now have padding on first/last element, fixing issues when using with grids
Sidebar - Mobile sidebars now only set overflow
on page's html
when browsing from iOS
devices. Using overflow caused issues with page's scroll being lost when resizing a browser to mobile widths. This also affected modules that used $(window).scrollTop()
` at mobile screen sizes
Step - Fix issue with completed ordered step icon alignment
Table - Fix responsive styles when applied to definition table
.
All UI - Adds error message when triggering an invalid module behavior i.e. typos $('.dropdown').dropdown('hid');
Docs
Button - Add tabindex /keyboard nav documentation
Grid - Add another grid example
Updates to reflect all new changes to UI listed above
Semantic UI是一个免费开源的前端开发框架.Semantic UI拥有支持情态动词、手风琴元素、元素调光器、3D转换,甚至是评级等多种功能。
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