sublime text 2安装ZenCoding后设置其快捷键

关于如何安装插件请移步《关于使用Sublime Text 2的那些事儿》

由于在notepad++里面的zencoding快捷键是设置成ctrl+e,所以在sublime里边也想要改过来(默认是tab),方法如下

sublime text 2 -zencoding

菜单-preferences => key bindings – default => 搜寻tab

{ "keys": ["tab"], "command": "insert_best_completion", "args": {"default": "\t", "exact": true} },
{ "keys": ["tab"], "command": "insert_best_completion", "args": {"default": "\t", "exact": false},

将tab替换成你想要设置的快捷键,注意不要与其他冲突…

为FireFox增加自定义搜索引擎-w3school

好像已经养成一种习惯了,在firefox上搜索是我不会再打开baidu或者google,而是直接在工具栏上搜索了,w3school是初级菜鸟码农必查的,故萌生把w3school的搜索添加到firefox上。

Firefox添加搜索引擎大概有这么集中方法

1.安装插件

点击搜索栏,左边的下拉按钮,选择“管理搜索引擎”,在出现的页面点击”获取更多搜索引擎“,这个时候会登录到mozilla的add-on的网站上,随便点点就安装上了,里边的搜索引擎不多,不太适合国内用户

2.特别环境安装

火 狐打开可以增加搜索引擎的页面会提示你安装,比如你打开爱词霸的网站 http://www.iciba.com/ ,这个时候点击的搜索栏左边的下拉按钮,会出现” 增加 ”爱词霸辞典“ “,点击这个,会自动把当前页面提供的搜索引擎增加到你的搜索栏。

3.手动添加

自定义才是王道,查看w3school的搜索,是调用Goolge的自定义搜索来实现的,

http://www.google.com.hk/search?sitesearch=w3school.com.cn&as_q=html5

找到Firefox的搜索引擎目录searchplugins,里边有内置的几个,我们新建一个w3.xml的文件,将下面的代码保存进去

<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
<ShortName>w3school</ShortName>    //搜索栏显示的名字
<Description>w3school</Description>  //选中该搜索引擎后,显示的描述名
<InputEncoding>UTF-8</InputEncoding>   //编码
<Image width="16" height="16">data:image/bmp;base64,Qk04AwAAAAAAAD
YAAAAoAAAAEAAAABAAAAABABgAAAAAAAIDAAASCwAAEgsAAAAAAAAAAAA...</Image>
<Url type="text/html" method="GET" template="http://www.google.com/search">
  <Param name="sitesearch" value="w3school.com.cn"/>  //参数
  <Param name="as_q" value="{searchTerms}"/>
  // {searchTerms}是固定的,这个就是在搜索栏里输入的内容
</Url>
<SearchForm>http://www.google.com/</SearchForm>
</SearchPlugin>

Image标签内是一个base64的图像

关于搜索栏图标的做法:

  1. 制作一张 16×16的bmp文件。
  2. 打开下面的页面 http://software.hixie.ch/utilities/cgi/data/data
  3. 在出现的页面选中”base64″,在”Alternatively, upload a file:”右边,提交刚才制作好的文件
  4. 点击按钮Generate

下载:w3

notepad++ 启动和关闭都提示root element is missing

如题,不晓得什么时候启动和关闭notepad++的时候都弹出提示框:root element is missing,但却不影响正常工作。

网上说是什么根元素丢失,按照提供的方法清空了系统的临时文件夹等等,都没用…只好自己寻找解决办法:

其他软件没出现错误,应该是notepad++的原因,最有可能是主题or插件or其他配置文件,一步一步排除,最终发现剔除SnippetPlus这个插件后,恢复正常,留个记号…

清理浮动的几种方法以及对应规范说明-转

前言

浮动 Floats 是 CSS 中的一种布局方式。它的渲染位置在行框与包含块之间,这样就可以使行框内文字与浮动元素不重叠并且环绕它显示。在布局过程中也经常会使用它来达到左右并排布局的效果。但是,由于浮动特性,容器如果没有明确设定高度,会依照普通流内元素高度设置,这样就会导致脱离普通流的浮动元素溢出容器,影响其后元素布局。

我们将现有已知的清楚浮动元素方法罗列下:

  1. 采用一个HTML标签,以及css的clear属性,来手工清理浮动;
  2. 采用伪类:after,动态建立一个块元素,设定 clear 属性,清理之前的浮动元素;
  3. 采用CSS overflow 非 visible 值(overflow:auto/overflow:hidden)设定使父容器包含浮动元素;
  4. 采用display:table/display:table-cell 等table系列属性将父元素变成 table 形式自动包含浮动元素;
  5. 使用 TABLE 以及 TD 标签作为浮动元素容器;
  6. 采用 float:left/float:right 方式将父元素同样浮动,就可以包含浮动内容;
  7. 在 IE 6/7 的标准文档模式中设置 “width/height/zoom” 等样式来自动清理浮动。

对这些方式我们一一来对照 CSS 标准(或者浏览器特性)来解释下。

使用 clear 样式清除

样例:

.clear-float {clear:both;}

Continue reading >>

JS刷新页面的种种

Location 对象

包含有关当前 URL 的信息,是 Window 对象的一个部分,可通过 window.location 属性来访问,存储在 Window 对象的 Location 属性中,表示那个窗口中当前显示的文档的 Web 地址。它的 href 属性存放的是文档的完整 URL,其他属性则分别描述了 URL 的各个部分。这些属性与 Anchor 对象(或 Area 对象)的 URL 属性非常相似。当一个 Location 对象被转换成字符串,href 属性的值被返回。这意味着你可以使用表达式 location 来替代 location.href。

Location 对象方法

assign() 方法

定义和用法

assign() 方法可加载一个新的文档。 Continue reading >>

IE报错:缺少标识符、字符串或数字

十点多了接到反馈,论坛IE报错:缺少标识符、字符串或数字,哎,赶紧解决!

开始调试吧,首先还原错误额!

IE-脚本调试

将两个勾去掉,了解报错的大概位置,貌似这个位置没有过改动,想想自己白天改动了什么东西额,网上找下,原因最大可能是js数组最后一个元素后面添加了”,”。这个,貌似我真的添加了一个数组,关于bshare的自定义设置,看下吧,好家伙,貌似最后一个真的多了一个逗号,在火狐下轻松通过,却在IE给我做小动作。

Dreamweaver 安装Zen Coding后tab键冲突的解决

Dreamweaver安装了Zen Coding后默认会设置快捷键为Tab,但平时缩进又离不开Tab,久寻求方法解决而不得,最终还是在国外找到方法。

In Dreamweaver CS5 for Windows 7 replace the shortcut “Tab” to “Ctrl+Alt+Shift+Space” in the file Menus.xml

1. Open the C:\Users\YourUserName\AppData\Roaming\Adobe\Dreamweaver CS5\en_US\Configuration\Menus\Menus.xml

2. Search for “Tab” (with quotes)

3. Replace “Tab” to “Ctrl+Alt+Shift+Space ”

4. Save the file

5. Restart Dreamweaver

换句话说在XP下面就在: C:\Documents and Settings\**用户名**\Application Data\Adobe\Dreamweaver CS5.5\zh_CN\Configuration\Menus\Menus.xml,在里边搜索“Tab”,然后用其他冷门的键代替,重启DW,再设置新的快捷键,我的为Ctrl+E,OVER!