转载

Semantic UI 1.9.0 发布，前端界面开发框架

#JetBrains 六折贺新春！IntelliJ IDEA,PyCharm,WebStorm,PhpStorm 优惠！

Semantic UI 1.9.0 发布，此版本现已提供下载：

更新内容如下： https://github.com/Semantic-Org/Semantic-UI/archive/1.9.0.zip

构建工具

NPM 安装

  • npm install semantic-ui is now the recommended path for getting Semantic UI

  • Added npm post-install scripts which automatically install or update semantic

Gulp 任务导入

  • Semantic tasks are now each defined in their own file, and can be directly imported into external gulpfiles. Read more about importing tasks here

  • If you are using Grunt, you may be able to import these tasks using Grunt-gulp

LESS 组件导入

  • Semantic LESS files can now be directly included in other LESS files.

  • You can import all UI with @import 'src/semantic';

  • You can also import individual definitions using @import 'src/definitions/elements/button' .

UI 改进

重大改进

  • Card- Cards now equalize height by default using display: flex . No longer are card heights required to be specified manually to align

  • Flag- Reduced the file size of flag sprite to a measly 28kb (500%+ file size reduction)

  • Icon- Added Font Awesome 4.3 including many new icons

  • Input- Input with dropdowns is now much easier, see docs. action input and labeled input now use display: flex . ui action input now supports <button> tag usage (!) which support flex but not table-cell

  • Segment- Added plural variation ui segments that stack together in groups without using additional class names

功能增强

  • API- API now has an onRequest callback setting that receives the XHR promise after initializing the request

  • Button- Loading buttons no longer receive pointer-events in default theme. Added variable for loading button opacity.

  • Card- Card now has colored variations Tahnks @romuloctba

  • Dropdown- search selection dropdown will now close the menu when a dropdown icon is clicked

  • Dropdown- Added new dropdown setting, forceSelection which forces search selection to a selected value on blur. Defaults to true .

  • Flag- Updated Burma/Myanmar flag to current flag (was pre-2010 flag)

  • Form- Input rules now apply to input[type="time"]

  • Form Validation- get values , set values now support multiple select e.g. field[]

  • Form Validation- Dropdown and checkbox will now validate after interaction with on: 'blur'

  • Headers- Headers can now contain images alongside text, added examples to docs

  • Icon- Added woff2 icon files for supported browsers (20% file-size decrease) Thanks FontAwesome

  • Label- ribbon label can now be used inside ui image and ui card correctly

  • Sidebar- Sidebars in IE now work correctly with context specified

  • Rating- Vertical alignment of ui rating with inline content now accounts for parent line height

Bugs 修复

  • All Modules- Fixed bug where element destroy could remove third party events when re-initialized

  • Breadcrumb- Breadcrumb icon now has exact px value to alleviate vertical align issues

  • Card- Star / Like button colors have been fixed to match ui rating inside card

  • Card- Hiding a card with display: none no longer causes layout issues with (x) cards

  • Card- image inside content no longer has a fixed size Thanks @romuloctba

  • Form- info message are no longer hidden by default inside ui form

  • Form- Lightened error dropdown hover text color to be more legible

  • Dropdown- Upward dropdown now has upward arrow icon

  • Icon- external link and external link square has been renamed to external icon to no longer receive link styles by default

  • Modal- Modal now swaps to scrolling modal when close icon no longer can be displayed, instead of modal content

  • Steps- Fixed bug where evenly divided steps were no longer fluid

  • Transition- Fixes bug where moduleNamespace was being omitted

  • Transition- Transitions with direction now use word order dependency to prevent conflict with component directions, for example `bottom left popup slide down in transition

文档

  • Fixed bug with chinese mirror modal appearing on every page load when selecting chinese language

更多内容请看 这里 。

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

正文到此结束
所属分类： 编程技术

热门推荐

相关文章

阿里云首购8折
说给你听

本文目录
随机标签
书籍教程
springboot-demo Java入门教程 bootstrap3 CSS Apache基础教程 php ionic 教程 Python mysql教程 eclipse Ubuntu VPS系统配置 AngularJS 教程 MongoDB教程 Struts2教程 Redis教程 Spring教程 Git教程 Jenkins进阶系列 openfire参考指南 Java设计模式 HBase教程 java-demo Maven教程 springcloud-demo hibernate教程 Docker 教程 memcached教程 Quartz指南 Hive教程 ANTLR教程 SpringCloud Ant教程 java实例教程 Hazelcast教程 XStream教程 Elastic-Job-Lite 深入浅出MyBatis ibaties教程 SVN教程 rabittmq教程 Hadoop教程 solr教程 WebService CXF学习 JPA教程 ActiveMQ中文指南 Java内存模型 dubbo教程 python3-demo Linux入门视频教程
近期评论
  1. 1 使用 Docker 打包和运行 Vue 应用
  2. 2 Dependency Check命令行方式扫描jar包的安全漏洞
  3. 3 maven使用Dependency-Check来扫描安全漏洞
  4. 4 使用sonarqube分析代码质量
  5. 5 使用screw来对比数据库表和字段差异
  6. 6 Spring Boot 实现防盗链功能
  7. 7 在Spring Boot中的实现国际化（i18n）
  8. 8 一个用于 SMB/CIFS 网络的 Java 库-JCIFS
  9. 9 Spring Boot 3.x嵌入MongoDB 进行测试
  10. 10 java如何解析和生成yaml文件？
网站信息
  • 文章总数：82,737 篇
  • 文件总数：284,312 个
  • 标签总数：2,416 个
  • 分类总数：85 个
  • 留言数量：2,559 条
  • 在线人数：656 人
  • 运行天数：4,439天
  • 最后更新：2024年12月22日21点
Loading...

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

[HBLOG]公众号 HBLOG HBLOG