[daily][archlinux][shell][fish] 使用最炫酷的shell工具fish

用了好久的zsh, 才知道用那么多年的bash是多么的原始. 然而比zsh更好用的其实是fish, 但是不与bash兼容, 所以最终还是选择了zsh. 关于zsh的使用,配置方法, 可以翻前文查阅. zsh配置起来之繁琐, 插件之多, 插件太多之后运行之慢, 兼容让人崩溃. 然后仅仅为了个兼容性. 难道用惯了fish之后就不会用bash了不成? 想了一想, 之前的这种想法简直愚蠢. 而且兼容性不过就是脚本嘛, 脚本都是带着头的, 这完全没关系. 退一万步就算真的要再bash下用, 切回去不就好…

kubernetes生态--交付prometheus监控及grafana炫酷dashboard到k8s集群

由于docker容器的特殊性,传统的zabbix无法对k8s集群内的docker状态进行监控,所以需要使用prometheus来进行监控: 什么是Prometheus? Prometheus是由SoundCloud开发的开源监控报警系统和时序列数据库(TSDB).Prometheus使用Go语言开发,是Google BorgMon监控系统的开源版本. 2016年由Google发起Linux基金会旗下的原生云基金会(Cloud Native Computing Foundation), 将Prom…

一款炫酷的幻灯片播放框架介绍（附demo及使用方法）

废话不多说,先上demo(建议在chrome下打开 F键全屏 esc退出全屏): 我的demo-博客园简介官网demo 更多demo 今天为大家介绍一款基于css3和JavaScript的幻灯片播放工具,无意间发现了它,便爱不释手,弄清楚了它的使用方法,略记一二.如果你还在用PowerPoint做slides的话,真的可以尝试一下,不仅炫酷,熟悉了之后还会发现比传统的PPT制作更加简单.当然制作过程需要一点前端语言的技巧,如果没有,也没有关系,这里有可视化的制作工具,所见即所得,满足不同需求人…

25 个 Linux 下最炫酷又强大的命令行神器，你用过其中哪几个呢？

本文首发于:微信公众号「运维之美」,公众号 ID:Hi-Linux. 「运维之美」是一个有情怀.有态度,专注于 Linux 运维相关技术文章分享的公众号.公众号致力于为广大运维工作者分享各类技术文章和发布最前沿的科技信息.公众号的核心理念是:分享,我们认为只有分享才能使我们的团体更强大.如果你想第一时间获取最新技术文章,欢迎关注我们! 公众号作者 Mike,一个月薪 3000 的杂工.从事 IT 相关工作 15+ 年,热衷于互联网技术领域,认同开源文化,对运维相关技术有自己独特的见解.很愿意将自…

来看看Python炫酷的颜色输出与进度条打印

英语单词优化上篇文章写到了Python开发英语单词记忆工具,其中依赖了bootstrap.css jQuery.js 基础html模块以及片段的css样式.有些朋友问,怎么能将这个练习题打包成单独的exe可执行文件,来脱离python环境使用呢? 在这里跟大家简单说下思路,有需求的朋友可以自己去扒拉扒拉- 依赖的css和js,如果有外网的前提,可以使用bootcdn提供的链接引用: https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js https…

炫酷的jQuery对话框插gDialog

js有alert,prompt和confirm对话框,不过不是很美体验也不是很好,用jQuery也能实现, 体验效果:http://hovertree.com/texiao/jquery/34/ 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE…

html5跟随鼠标炫酷网站引导页动画特效

html5跟随鼠标炫酷网站引导页动画特效一款非常不错的引导页,文字效果渐变,鼠标跟随出绚丽的条纹.html5炫酷网站引导页,鼠标跟随出特效. 体验效果:http://hovertree.com/texiao/html5/ 另外推荐一款类似特效: http://www.cnblogs.com/roucheng/p/layermenu.html 效果图: 以下是源代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtm…

简单CSS3实现炫酷读者墙

如题,给大家介绍和讲解几个常用的CSS3属性,并用到实处. 先看demo(请使用Chrome或者Firefox浏览,IE的靠边): 点此查看实例觉得爽的可以继续阅读下面的知识点,感觉不爽的可绕行. 使用基础的Html和CSS写出雏形需要一提的是头像(img)的排版.给外面a标签padding-left:;,img自身float:left;margin-left:;,这种写法避免了不少因浮动产生的问题,且代码简明,推荐适当的使用此方法. 使用并解说所用CSS3 接下来给大家说说这个读者墙所应用…

【DevOps】DevOps成功的八大炫酷工具

为自动化和分析所设计的软件及服务正加速devops改革的步伐,本文为你盘点了Devops成功的八大炫酷工具 Devops凭借其连接弥合开发与运营团队的能力正在各个行业呈现席卷之势.开发人员和运营人员历来就是水火不容,无论是在开发.测试还是部署上都有着很大的分歧,只有Devops才能扭转这一局面. 人们开发了很多工具来便利Devops的实施,最著名的有Puppet和Chef这两款配置管理工具,不过Devops的内容可不仅限于配置管理.今天我们就来看看其他八款Devops工具. Automic 图…

（转载）android炫酷实用的开源框架（UI框架）

可以实现一些场常用炫酷效果,包含android-lockpattern(图案密码解锁).Titanic(可以显示水位上升下降的TextView).Pull-to-Refresh.Rentals-Android(下拉刷新实现).Side-Menu.Android(分类侧滑菜单)···等. 请移步http://www.androidchina.net/1992.html…

flask-admin章节五：wtforms FormField超级炫酷使用

1. 概述查看wtforms代码树fields目录的core.py,会发现在文件开头有这样的语句: __all__ = ( 'BooleanField', 'DecimalField', 'DateField', 'DateTimeField', 'FieldList', 'FloatField', 'FormField', 'IntegerField', 'RadioField', 'SelectField', 'SelectMultipleField', 'StringField', )…

用javascript写Android和iOS naitve应用，实在炫酷。

关注NativeScript有一段时间了,说好了的三月发第一个Beta版,终于发布了. // declare the extended NativeScriptActivity functionality var extendsObject = { onCreate: function(savedState){ // call the base NativeScriptActivity.onCreate method // the "this" variable points to a…

HTML5打造的炫酷本地音乐播放器-喵喵Player

将之前捣腾的音乐频谱效果加上一个播放列表就成了现在的喵喵播放器(Meow meow Player,额知道这名字很二很装萌~),全HTML5打造的网页程序,可本地运行也可以挂服务器上用. 在线Demo及源码你可以访问下面的地址打开在线demo: http://wayou.github.io/MeowmeowPlayer/ 项目github地址: https://github.com/Wayou/MeowmeowPlayer/ 示例音乐下载,提供给硬盘里没有Music的同学:http://pan.…

:after和:before炫酷用法总结

引入提到伪类,在我的印象中最常用的不过是:hover.:active.:link.:visited,还有css3里的常用伪类选择器:last-child.:first-child.nth-child(n)等等,说实在其他的我发现"然并卵". 百度一下:after和:before会发现有很多关于研究它们用法的文章,形形色色各式各样,说明这两个伪元素在实际工作中还是很实用的,再结合css3的动画,它们能为页面添加很多意想不到的效果! 从学习伪类,不小心又延伸到了伪类元素(eg.我们常…

Photoshop和WPF双剑配合，打造炫酷个性的进度条控件

现在如果想打造一款专业的App,UI的设计和操作的简便性相当重要.UI设计可以借助Photoshop或者AI等设计工具,之前了解到WPF设计工具Expression Blend可以直接导入PSD文件或者AI设计文件(当然不是全部特征支持),最近研究了一下,也费了一番周折,好在最后实现了预期的效果.下面将step by step用示例说明如何先用PS构建一个矢量图形模板,然后用Expression Blend导入PSD文件,并获取PATH的Data值,为打造一款炫酷的个性进度条控件构建美观UI.…

炫酷的jquery瀑布流

最近做了一个瀑布流效果,思路很简单首先计算屏幕一行可以放多少个图片,然后在第二行开始,计算每一列的高度并取出最小值,将新图片加载在最小列高度下,如此循环,并且设定一个条件,当滑动到一定距离后,开始重新加载.当然中间我们可以加上一些动画效果,让网页看起来更炫酷一些. html'比较简单,这里用了li元素,给每个li外围设置了padding,内部容器设定颜色,以达成元素间隔效果,这样避免了使用maring元素最后一个还要特殊处理,当然我们还可以通过给ul设置负的margin值来解决这个问题,不过由…

FIR.im Weekly - 让炫酷 UI 为 APP 增色

上周我看到一些不错的设计分享,挑选了几个比较全的 GitHub 资源推荐给大家.此外,还精选了一些实用的 iOS,Android 干货文章. iOS 炫酷动画资源 @荧星诉语收集整理了主流炫酷动画框架(特效)放在了 GitHub 上,点击此处查看 @iOS程序犭袁分享了国外开发者 @cjwirth 整理的一版 iOS 优质 UI 设计资源,链接在这里 (配图来自原文) Material Design 资源集锦这是我在 @开发者头条上看到的来自 @lightSky 的分享,点我查看…

8个经典炫酷的HTML5 Canvas动画欣赏

HTML5非常强大,尤其是Canvas技术的应用,让HTML5几乎可以完成所有Flash能完成的效果.本文精选了8个经典炫酷的HTML5 Canvas动画欣赏,每一个都提供全部的源代码,希望对你有所帮助. 1.HTML5 Canvas可拖动的弹性大树摇摆动画今天让我们继续来分享一个炫酷的HTML5动画,它是一款基于HTML5 Canvas的大树摇摆动画,这款HTML5动画的特点是我们可以拖拽树枝,从而让整棵树摇摆起来,这样就真实地模拟了大树从摇摆到静止的整个过程,相当逼真. 在线演示 …

Sublime Text2 新建文件快速生成Html头部信息和炫酷的代码补全

预备:安装emmet插件(previously known as Zen Coding) 方法一 package control法: 上一篇博客已经介绍了如何安装package control.打开sublime,mac下用command + shift + p调出命令窗口,输入install,选中package control:install package,等待1-2秒,下拉选中emmet plugin回车,等待2-3秒,重启sublime. 方法二手动安装法: git下emmet pl…

jQuery.smoove — jQuery和CSS3炫酷滚动页面内容元素动画特效插件

插件介绍: jQuery-smoove是一款jQuery和CSS3炫酷滚动页面内容元素动画特效插件.该内容元素动画插件在页面滚动到指定位置时,该位置的HTML元素会执行指定的CSS3动画特效,如旋转.翻转.放大缩小等动画特效.使用Smoove页面滚动元素动画特效插件可以很轻松的制作出各种华丽的CSS3动画效果. 基本用法 $('.smoove').smoove(options); 上面的代码会在class为 smoove 的元素上使用默认参数初始化 jQuery Smoove. 你可以通过dat…