如果您对旧的Jenkins UI,其字体和图标不满意,则可以使用带有自定义徽标的自定义CSS样式对Jenkins进行改头换面。自定义CSS样式会更加美观些。...自定义CSS主要功能: 平面UI字体 更好的语法突出显示Shell块 更好地突出显示 console output ---- 准备工作 首先安装插件simple theme,安装主题并重新启动Jenkins...cd userContent mkdir layout vim style.css 在浏览器中访问以下URL,复制整个CSS内容,并将其粘贴到style.css文件中并保存。...http://afonsof.com/jenkins-material-theme/dist/material-teal.css 测试是否可以访问,正常的显示是这样的。...重新配置URL地址 /userContent/layout/style.css ---- 扩展自定义CSS样式:http://afonsof.com/jenkins-material-theme/
React 的普及似乎在不断增长,在 Stack overflow 2017 年最受欢迎的组件库中,React 处于领先地位: React 的虚拟 DOM,声明性地描述用户界面和模拟界面状态的能力,以及相对较低的门槛...1、React Material-UI React Material-UI 是一组实现了 Google 的 Material Design 全新设计语言的 React 组件。...2、React-Bootstrap React-Bootstrap 是一个可重复使用的 React 组件库,也是最受欢迎的前端框架之一。目前同样是在为 1.0.0 版本而积极开发中。...也正因此,在 1.0.0 正式发布之前,带来的弃用或重大更改可能会给使用之前的版本的开发者带来困恼。...参考示例 5、React Grommet React Grommet 号称企业应用最先进的 UX 框架,它提供丰富的用户分类组件,所有组件都简单易用,跨浏览器兼容,且支持主题自定义。
它允许我们使用与 Bootstrap(v4)集成的自定义组件。 它还支持自定义 Bootstrap 组件、网格系统,还支持 Vue.js 指令。 ? 8....Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。真正意义上的按需加载组件。...通过支持 Material Designs 主题,Vuecidity 作为 Vue版本,非常适合那些对Material Design感到满意的开发人员。 ?...UI 组件库,主要服务于 PC 界面的中后台产品,其特性包括:高质量、功能丰富友好的 API ,自由灵活地使用空间,细致、漂亮的 UI,事无巨细的文档和可自定义主题。...KeenUI 使用 Vue 编写的基本轻量级 UI 组件库,并受 Material Design 的启发,虽然受 Material UI 规范的启发,但 Keen-UI 并不是真正的 Material
现在问题来了,通过.htaccess设置的css、js缓存都有一个过期时间,如果在访客的浏览器中已经缓存了css、js,在这些css、js缓存未过期之前,浏览器只会从缓存中读取css和js,如果你在服务器上修改了.../wp-content/themes/officefolders/style.min.css” type=”text/css” media=”screen” /> 另外一种从更改css文件名的方法是将版本号写到文件名中...” type=”text/css” media=”screen”/> css文件更新后,改一下文件名中的版本号即可: <link rel=”stylesheet” href=”http://blog.ithomer.net...给css文件加个版本号 其实每次修改css文件后还要修改css的文件名有点麻烦,那么我们可以在加载css语句中加入个版本号(即css链接中?...后面的内容)就可以了,由浏览器自动去比较css,js链接后面的版本号大小,来自动更新客户端最新的css,js等静态文件。
Pure Pure.css 是一组小型的响应式 CSS 模块,可以用在任何一个 Web 项目中。Pure 的体积小的简直过分。比如完整的时钟模块最小化压缩版本仅为 4.0 KB。...material design light framework Google 的 Material Design Lite 框架是最流行的 CSS 框架之一,可为你的网站添加 Material Design...Skeleton 中的网格是一个 12 列的流体网格,最大宽度为 960px,随着浏览器或设备的缩小而缩小。可以用一行 CSS 更改最大宽度,并且所有列的大小都会相应进行调整。...它提供了响应式设计和移动设备优先的 UI 组件,并具有模块化结构,可让你只导入要包含在 Web 设计中的内容。Bulma 还提供了一个基于 flexbox 的现代网格系统。...semantic ui Semantic UI 是一个高级 CSS 框架,提供了 50 多个 UI 元素,300 多个 CSS 变量用于自定义,并通过 EM 值构建以用于响应式设计。
mui/material-uihttps://github.com/mui/material-ui Stars: 91.9k License: MIT material-ui 是一个包含基础 React...它包括 Material UI,实现了谷歌的 Material Design 系统。...包含 Google's Material Design 系统的组件库 提供 Joy UI 和 Base UI 两个美观设计的 React UI 组件库 MUI System 是一套 CSS 实用工具集,...: MIT 一个用于快速构建自定义用户界面的实用 CSS 框架。...其核心优势和关键特性包括: 提供大量可定制的 UI 组件 简化了基于 Tailwind CSS 进行网页设计的流程 支持快速安装和集成到项目中
2 jenkins-material-theme jenkins-material-theme这是一个主题插件,可以: 自定义Jenkins的logo 自定义整体风格,尤其支持自定义整体风格的颜色 UI.../jenkins-material-theme/ 中自定义颜色和网站logo,然后下载自定义样式文件jenkins-material-theme.css Jenkins首页->Manage Jenkins...Jenkins->Configure System->Theme->Add CSS URL 填写样式文件路径:http://{jenkins服务ip}/userContent/jenkins-material-theme.css...Pipeline 编辑器 - 引导用户通过直观的、可视化的过程来创建Pipeline,从而使Pipeline的创建变得平易近人。 个性化 以适应团队中每个成员不同角色的需求。...Blue Ocean 展示 Pipeline中需要关注的地方, 简化异常处理,提高生产力 本地集成分支和合并请求, 在与GitHub 和 Bitbucket中的其他人协作编码时实现最大程度的开发人员生产力
免费下载 这款免费的Bootstrap 3 UI工具包提供响应式设计和易于使用的设计元素。该工具包包含22个组件,3个自定义插件和1个示例页面。...并且,它提供了所有必要的CSS资源,只需在HTML模板中包含“css/ get-shit-done.css”即可使用。 2. Shards Dashboard Lite React ?...免费下载 Stream UI Kit是一款开源Bootstrap4 UI Kit,包含5个漂亮的完整页面,包括20多个可重复使用和可自定义的UI模块,例如色彩,排版,字体,按钮等等。...免费下载 Material Kit是一款免费的Bootstrap4 UI工具包,采用全新设计,灵感源自Google的材料设计。包含60个组件,3个示例页面和2个完全可自定义的插件。 3....希望你能从这些免费的Bootstrap模板中获取灵感,并在下一个设计项目中使用起来。 相关阅读: 想让网站销量爆涨?
Bootstrap 库,大家都喜欢; 通过 CSS-in-JS 轻松自定义; 它已经流行了足够长的时间了,因此不必担心错误 / 问题; 快速上手; 没有 jQuery 依赖,因为它已在 React 中完全重新实现...缺点: 这是 Bootstrap:如果你不做自定义,则你的网站将与其他网站没什么区别。 Bulma ? Bulma 与本文介绍的其他库不太一样,因为 Bulma 是纯 CSS 框架,不需要 JS。...注意: 它非常接近 v1 版本,因此请注意 v0.8.0 之后的重大更改。 Material UI ? MaterialUI 是我又爱又恨的库之一。.../issues/6413 社区运行的 fork: https://github.com/fomantic/Fomantic-UI 荣誉奖 Reach UI ReachUI 是一个底层组件库,允许开发人员在其设计系统中构建可访问的...提示 在编写这份列表时,我曾试着避免加入商业化的设计系统,但是有些系统(Material UI)已得到广泛采用,因此没有它们列表就不完整了。
Material Components.符合Google Material Design准则,结合了Vue.js和Material的所有优点,并且与RTL和Vue cli3兼容,可以通过使用他构建更有交互式且有吸引力的项目...UI组件库,可靠文档是其一大优势,用来快速构建web项目,相对友好的API更好的服务于Vue友们,目前已更新到4.0版本 网站: https://iviewui.com/ GitHub: https:/...GitHub: https://github.com/handsontable/handsontable GitHub Stars: ★12857 SheetJS SheetJS是一个帮助操作excel文件中存储的数据的...Vue的常用Vue UI库之一,简单,轻巧,完全按照Google Material Design规范构建。...纯前端无需安装任何web服务器或数据库,图标可直接在excel或者HTML中编辑,通过学习如何自定义构建设置后,可以自己DIY图表 演示: https://hoogkamer.github.io/vue-org-chart
前言 随着使用AndroidX,哪些我常用的库有些已经不能用了,所以就重新记录以下AndroidX下常用的库。...ZJColor.black_tran) .setTextSize(14) .setToastTypeface(Typeface.MONOSPACE) .apply() } 弹出窗口 Material...Dialogs implementation 'com.afollestad.material-dialogs:core:0.9.6.0' 设置主题 MaterialDialog.Builder...设置自定义View dialog = MaterialDialog.Builder(this) .theme(Theme.LIGHT) .title("加入群") .customView...org.greenrobot:eventbus:3.1.1' 图片加载 Glide Glide //Glide implementation 'com.github.bumptech.glide:glide:4.9.0
在封装组件并生成umd代码过程中,踩了很多的坑,也更加系统的了解了babel。 整体需求 react组件库,取名r-ui,能够导出r-ui.umd.js和r-ui.umd.css。...引入antd组件库作为底层原子组件库,并且r-ui.umd.js和r-ui.umd.css包含antd组件代码和样式代码。 依赖的react、react-dom模块以外部引用方式。...完成这个工作的插件叫做 babel-plugin-transform-es2015-arrow-functions。 同一类语法可能同时存在语法插件版本和转译插件版本。...2个版本(safari大于等于7.0的版本)的特性,将必要的代码进行转换。...}, + plugins: [ + // 插件用于最终的导出独立的css的工作 + new MiniCssExtractPlugin({ + filename: 'r-ui.umd.css
Semantic UI (1)方式1:直接引入semantic-ui-css 本身集成并没有vue的部分,我们采用的方式是把ui-css部分拿来使用,js效果自己用jquery写到methods...less-loader 安装less-loader 如果less安装在3.0.0版本以上的就会报错,原因:多了一层 import 会导致 less 编译的顺序发生变化 可安装版本可以在...github上搜索相关查看 可以使用的版本 效果:主题色改变 6.Vue-material npm install vue-material --save 安装 import.../src/assets/fishUi-variables.less'; 同时在后面引入自定义变量的less文件 @import '~fish-ui/src/styles/index.less'...' // 自定义引入 main.js组件样式替换成build下的 node_modules\onsenui\css-components-src\src\theme.css修改颜色
Vue-awesome 也许大家知道 Font-awesome 之类比较流行的图标库,就像各大组件库都有各自版本一样,它也有Vue的版本 Github地址:https://github.com/Justineo.../vue-awesome 里面包括数千个高质量,可自定义的图标,Vue-awesome将Font Awesome带入到Vue中,使开发者可以通过单个组件访问所有的免费图标。...它的每个图标作为单个文件组件,所以可以准确导入每个Vue项目所需的图标。 而且,该库使用的是SVG图标,所以可以轻松更改来自定义自己喜欢的图标 ?...AT UI AT UI专为前端Web应用程序而构建。具备使用CSS预处理程序的能力,它几乎适用于几乎所有开发团队。 AT UI中默认的最小样式和字体选择功能,并且添加到任何项目中都非常直观且容易。...与其他库相比,它的内置图标库(Feather)也是一个巨大的特点。 官网:https://at-ui.github.io/at-ui ?
发表于2018-05-152019-01-01 作者 wind 这个问题发现了好多次了,今天应该是找到了正确的解决方式: 我使用 whoami 输出执行命令的用户是 root,但是 node 执行安装...这是我的日志: + npm install npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules/fsevents...后台网页/node_modules/node-sass/vendor/linux-x64-57/binding.node Caching binary to /root/.npm/node-sass/4.9.0.../var/lib/jenkins/workspace/【测试环境】XXX-后台网页/node_modules/node-sass + npm run build:itl > base4j-ui@1.0.1...测试环境】XXX-后台网页 > cross-env NODE_ENV=production node build/build_xxx.js production Starting to optimize CSS
该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。...所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件,唯一需要依赖的是: Vue.js (要求版本为 ^0.12,基于 0.12.10 版本做的测试) Bootstrap CSS...(需要版本为 3.x.x, 基于 3.3.5 版本做的测试)。...VueStrap 不依赖某个非常精确的 Bootstrap 版本。 VueStrap 7. Keen UI 由Vue编写的基本UI组件的轻量级集合,并受Material Design的启发。...AT UI AT UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品。
(2)当我们自定义控件时,如果控件中包括了UITextFeild 就要考虑到在用到这个自定义的控件的试图的键盘遮挡输入框的情况,一般自定义试图都继承于 BaseView,在这里有键盘遮挡统一的处理方法,...但是要求子试图的 大小要跟屏幕一样大才行,一般自定义控件可能是很小的,所以这个自定义控件就不能继承 BaseView,它的上层View可以继承于 BaseView ,使用代理,当自定义控件中的UITextFeild...self.view,Scale_Y(0)).rightSpaceToView(self.view,Scale_X(0)).heightIs(Scale_X(60)); 使用SDAutoLayout:自定义控件的子视图初始化写在自定义的方法中如...:initSubView,待自定义控件使用SDAutoLayout设置好后,再调用这个自定义控件中的自定义方法来初始化里面的子视图即可。...一个巧妙的设计如果不写注释就回让后续接手的人痛苦不堪,因为外人根本不知道自己所谓的“巧妙逻辑”,如:为了在众多情况中,使用一种公共的方法,就会把 for循环的中的 i 和数组中的 下标 i 联系在一起
Mint UI 基于 Vue.js 的移动端组件库 Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。...考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。.../book/v0.5.0/index.html Muse-UI 基于 Vue 2.0 和 Material Desigin 的 UI 组件库 特性 1.组件丰富 Muse UI 基本实现了 Material...Design 设计规范类的所有组件,另外还开发许多的功能性的组件 2.可定制 Muse UI 使用less文件,所有的颜色都有一个变量维护,通过编写 less 文件完成自定义主题,另外组件内部也提供一些修改效果的参数...用户通过自定义WeUI的样式文件,可以方便地对VUWE实现定制化。
FlexboxLayout:CSS领域一个非常强大的布局工具。 ➤日志 Logger:一款简单但功能强大的日志工具。 Hugo:调用日志的注释触发方法,用来调试构建。...MaterialEditText:Material Design风格的文本编辑器。 ➤字体 fontbinding:通过数据绑定是在XML实现自定义字体的库。...Calligraphy:在Android应用程序上轻松使用自定义字体。...➤用户接口 Material Design Android Library:实现在Android 2.2版本中使用Material Design功能的函数库。...Material:在低版本Android系统中实现Material Design功能的函数库。
V4版本•升级Material UI至最新的MUI 5•生产打包添加gzip支持,优化网站请求大小 技术构建背景 微言码道的官网是基于Gatsby + Cockpit CMS + MUI构建而成。...从Gatsby V2升级最新V4稳定版 2021年元旦期间做这个网站时,当初Gatsby还是V2版本,现在Gatsby已经更新到了V4版本,添加了许多新的功能,优化了网站构建速度等。...基于未来持续更新此网站的长远考虑,升级适配到最新的Gatsby V4版本。...升级Material UI至最新的MUI 5 微言码道官网的UI是选择的Material UI,一个非常好的React UI框架,与antd design相比,它更适合TO C互联网及移动设备,而antd...我的myddd starter的UI也是基于Material UI的。 Material UI最近升级到了MUI,一个重新品牌命名的全新版本。
领取专属 10元无门槛券
手把手带您无忧上云