thunkli

我用到的一些SVN命令

svn propset svn通过属性来判断如何处理仓库中的文件。其中有一个属性便是svn:ignore。你可以使用 svn propset 来设置svn:ignore在单独的目录。你可以给svn:ignore设置一个值,文件名或者是表达式。 svn propset svn:ignore .git –force svn add Add files, directories, or symbolic links. svn add . –force svn add . –no-ignore – … 继续阅读

发表在 Memo |
thunkli

Sublime text中文字符与Unicode互相转换插件

Sublime text中文字符与Unicode互相转换插件,允许你转换.js、.json和 .css 文件。 功能 中文字符转Unicode Unicode转中文字符 安装 使用Package Control: 搜索ConvertChineseCharacters并install Open the command palette Win/Linux: ctrl+shift+p, Mac: cmd+shift+p Type Install Package Control, press enter … 继续阅读

发表在 产品 | |
thunkli

Hummingbird – 图形压缩客户端

简介 蜂鸟(hummingbird)是一个资源(jpg/png/webp/svg/gif/css/js/html)批量压缩客户端。 jpg/png/webp/svg/gif/html压缩后会替换掉当前文件。MacOS版本默认会在当前目录新建source文件夹并备份处理前的文件。 css/js压缩后会生成一个带.min的新文件。 下载 macOS v2.0.0 (不支持拖放文件夹压缩) Windows v3.0.0 (支持拖放文件夹压缩) macOS可能需要你在系统偏好设置 → 安全性与隐私 选择 … 继续阅读

发表在 产品 | |
thunkli

backdrop-filter

目前支持的浏览器有Safari 9 +, iOS 9 + @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .header { background: rgba(255, 255, 255, .6); -webkit-backdrop-filter: brightness(1.5) blur(4px); backdrop-filter: brightness(1.5) blur(4px); } }

发表在 Memo |
thunkli

在IntelliJ IDEA中使用类似Sublime Text的选择功能

IntelliJ IDEA 在13.1之后的版本中引入了类似Sublime Text的多光标、连选等选择功能。 IntelliJ IDEA相关快捷键: 增加/移除一个光标: Alt + Shift + Mouse Click 选择/取消选择下一个事件(光标所在单词或和当前选择范围一样的字符): Alt + J / Shift + Alt + J ( Ctrl + G / Shift + Ctrl + G  for Mac OS X ) 选择所有的事件(光标所在单词或和当前选择范围一样的字符): … 继续阅读

发表在 Memo | |
thunkli

CSS画iOS7图标

<!DOCTYPE HTML> <html> <head>     <meta charset=”utf-8″ />     <title>IOS 7</title>     <style>     .ios7 {         position: relative;         width: 250px;         height: 250px;         margin: 0 auto;     … 继续阅读

发表在 Memo |
thunkli

未知高度图片垂直绝对居中

在图片展示页面,经常会遇到图片绝对居中的需求,在支持display:table-cell的浏览器中,使用vertical-align:middle即可实现垂直居中。 <style type=”text/css”> .middle-box {     /* width:400px;     height:400px;     border:solid 1px #bbb; */     text-align:center;     display:table-cell; /* IE7+ … 继续阅读

发表在 Memo |
thunkli

HTML5 dialog

dialog元素表示一个应用程序的一部分,可以用于用户执行任务,例如一个对话框、浮层或弹出窗口。 <style> dialog {     border: 1px solid rgba(0, 0, 0, 0.3);     border-radius: 6px;     box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } dialog::backdrop {     position: fixed;     top: 0;     left: 0; … 继续阅读

发表在 Memo |
thunkli

CSS隐藏文本

有时候我们需要隐藏文本,text-indent:-9999px有很多弊端,比如消耗性能… .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

发表在 Memo |
thunkli

CSS grayscale

有时候需要做一些灰色的图片,鼠标划上去恢复彩色。IE6-9使用filter: gray即可实现,其他浏览器使用grayscale(100%)也可实现,但目前Firefox尚不支持,需要svg滤镜来实现 .grayscale{ -webkit-filter:grayscale(1); /* Chrome 19+ & Safari 6+ */ /* Firefox 3.5+ */ filter:url(‘data:image/svg+xml;utf8,<svg xmlns=\’http … 继续阅读

发表在 Memo |