这一年
这一年，平淡无奇，少了些青春年少，也少了些疲惫，但正如很多人说的一样，这一年，注定是不平凡，意义深远的一年。 这一年，拉登大叔走了，老卡也走了，可这一切，都似乎真的与我无关； 这一年，在这个不大不小的城市里，我也加入了"蚁族"的大军，比很多人幸运的是，我有了在这个城市里还算不菲的月薪，或许我应该感到知足； 这一年，我对很多事情的认识有了新的认识，比如工作，比如生活，再比如曾经的伤痛；...
View ArticleClik here to view.
Css Expression究竟该不该用？
前一段时间在做项目的时候碰到了经常会遇到的一个场景，也就是图片居中及等比例缩放的问题，一般都是采用如下办法： Demo: HTML代码： CSS代码： div.imgbox{ display: table-cell; vertical-align: middle; text-align: center; width: 100px; height: 100px; border: 1px solid...
View ArticleClik here to view.
解决Windows XP Mode“无法启动Windows Virtual PC主机进程”的问题
很多搞开发的朋友都要用到虚拟机，我用的是微软的Windows XP Mode，在windows 7上安装完成后，打开的时候，出现了错误提示：“无法启动Windows Virtual PC主机进程。--Windows Virtual PC要求硬件支持虚拟化。此系统不支持硬件协助虚拟化”。如图： 到网上查了一些资料，最终找到了解决办法，下载安装微软的KB958559补丁即可。 Windows XP...
View ArticleClik here to view.
推荐两款Chrome前端开发插件
虽然Firefox下的Firebug插件的调试功能相当强大，但是在一些具体的应用下还是有些觉得不太方便，本人超喜欢谷歌的Chrome浏览器，在官方商店闲逛的时候发现了两款个人觉得比较有用的Chrome前端开发插件，分享出来，也许有朋友用的着。 浏览器兼容性检测工具: 这款插件能检测网页兼容性问题。由 Google Chrome 项目组发起。 浏览器兼容性检测工具能够自动检测网页中的兼容性问题。...
View Article别再让“切换窗口+刷新”影响你的工作效率和心情
[F5]是支持所有编辑器和浏览器的HTML/CSS实时调试工具 让前端更省事 - 推荐一款开发工具F5，可以在保存代码时自动刷新页面，不用手动去刷新了。而且不限制浏览器、编辑器，不用改变使用习惯先看介绍视频： [F5]特性与功能： 1.保存即刷新 对于网页的任何修改，一旦保存，浏览器将立即自动刷新，时刻向您呈现网页的最新效果。帮您省去频繁切换窗口并刷新的烦人步骤。...
View ArticleClik here to view.
前端工程师的好帮手–前端工具箱
视频演示： 功能特性： 软件下载： 运行平台：XP/ Vista/ Win7(Win7系统默认已安装.NET 2.0) 官方下载：下载 【注】工具箱所需的.NET运行环境分别发布成.NET 2.0版本和.NET 4.0版本，针对.NET2.0部分功能使用了过时算法核心，两个版本想比较，后者效率更高；
View ArticleClik here to view.
markman-让设计更有爱
新版特性： 增加坐标、颜色、文字标记 优化界面设计和交互方式 加入全局放大镜（快捷键同PS） 视频演示： 软件界面： 使用技巧： 智能边缘检测 新增标记、拖动标记、用滚轮调整标记长度的时候,只要按下CTRL键，就能智能检测相邻图形的边缘，并自动调整标记的长度。 复制粘贴支持 可以直接按CTRL+V将图片粘贴到马克鳗中编辑，标记完之后按CTRL+C将标记的结果复制到剪贴板中。 键盘操作...
View ArticleClik here to view.
网页原型设计工具(1)–Pencil Project
Pencil Project是一个原型界面设计的Firefox插件，通过它内置的模板，你可以创建可链接的文档，并输出成为HTML文件、PNG、OpenOffice文档、Word文档、PDF。还有什么可说的呢？这么优秀的插件，是每个设计师和开发人员的必备。 现在Pencil Project拥有多个版本，并可在跨平台上运行： 1.火狐插件： Firefox addon | Google Code...
View Article网页原型设计工具(3)–Balsamiq Mockups
这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉，手绘风格的元件样式粗犷淋漓，能创建接近于纸上手绘的原型文件。其提供了丰富的手绘风格的web常用元 件，包括常用的html控件、以及一些组合控件，如多媒体控制器、标签页、列表、Iphone界面元件等。...
View Article网页原型设计工具(2)–AXure RP
如果你是网站产品经理、项目经理、网站策划、原型设计师、交互设计师，甚至急切想表达想法验证想法的Boss. 如果你还在因为使用了Word、Visio、PowerPoint、Dreamweaver或Photoshop等工具，在表达想法和原型时感到制作缓慢、效果粗犷、不易理解、无交互体现、修改困难等问题而头痛不已…… 那么你肯定正在寻找一款可以快速实现、准确表达、带有交互效果且易于上手的原型设计利器。...
View ArticleClik here to view.
我用过的那些IDE(1)–Visual Web Developer 2010
Visual Studio 提供了一个综合开发环境，可帮助 Web 开发人员构建基于标准的 Web 应用程序和服务。 利用它，用户可以快速开发、测试和部署 Web 解决方案，从而提高了工作效率。 Visual Studio 面向 Web 开发人员提供免费版本。 Visual Web Developer Express 可提供一个功能齐全的 Web 开发环境，在其中可以使用...
View Article我用过的那些IDE(2)–Expression Studio 4
Microsoft Expression Studio 4 Ultimate 简体中文版是微软为Web开发者推出的新一代网页制作套件。与微软一贯的产品风格不同，它采用了黑色神秘背景为底色，可以将创作人员引领到一个全新的创作天地。Microsoft Expression Studio 4 Ultimate 简体中文版不仅包含了制作网页所需的开发工具，还包括生成Windows...
View ArticleClik here to view.
我用过的那些IDE(3)–Webstorm 4
不得不说，WebStorm确实是一款相当不错的IDE，是我用过的前端开发IDE里面最好用的一个HTML5和Javascript的开发利器，她是一款，淘宝内部的一些工程师也在使用这款IDE。 对于一直在苦苦寻找一款合适的前端开发IDE的苦逼攻城师们，WebStorm一定是一个不过的选择，她一定不会让你失望的。 WebStorm是什么?...
View ArticleCSS3在线生成工具
在网上看到一套的css3.0的生成工具，汉化了一下，放到网上，供有需要的朋友使用。 工具地址：http://www.zi-han.net/css3 主要特性： 常用css3.0效果完全可视化生成，兼容大部分浏览器 除支持标准浏览器外，支持主流的浏览器效果，包括低版本的IE、Firefox、chorme等浏览器
View Article分享一款Win7下的IE6测试工具：IE6forWin7
做前端的，永远都摆脱不了IE6的噩梦，苦逼的的前端工程师同学都知道，目前，win7下没有一款比较靠谱的IE6测试工具，很多同学不得不选择IEtester这一类的调试工具开发，但是IEtester本身就存在着很多不足，毕竟不是MS自己开发的东西，很多时候IEtester的测试结果并不能让人满意，调试环境与真实的IE6出入很大，尤其是JS调试，IEtester就显得相当不靠谱，也有很多同学常常遇到IE6...
View Article推荐两款富客户端UI框架
抛开EXTjs、YUI，jQueryUI等成熟的UI框架（个人感觉EXT的难度相对高些，不太适合入门的同学），DWZ当然是个不错的选择，适合新手和后端的程序开发人员开发中小型的管理系统。 DWZ的优势很明显： DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架....
View ArticleBootstrap2.0 中文版
Bootstrap是Twitter推出的用于快速搭建网页应用的轻量级前端开发工具Bootstrap，由Twitter的设计师Mark Otto和Jacob...
View Article[原创]jQuery EasyUI 1.3中文文档
EasyUI1.3更新内容： HTML5 数据选项属性是可用于申报所有的自定义选项，包括属性和事件的组件。 提供更详细的资料。 panel： 防止面板的身体上的脚本运行两次。 accordion: 添加 'getPanelIndex' 的方法。 accordion： 工具可以添加面板接头。 datetimebox： 添加 'timeSeparator' 选项允许用户定义的时间分隔符。...
View ArticleClik here to view.
[原创]分享一组矢量图标–UX图标字体库
以下内容转自：http://ux.etao.com/，原文链接：http://ued.alimama.com/posts/219 科技日新月异的今天，市面上各种分辨率、各种显示精度的显示设备层出不穷，在不同精度不同分辨率的显示设备下图标的应用展现出现了不同要求；如设计师为iphone 3gs设计的图标在iphone4下的展现就显得很糟糕了。我们为pc端产品设计的图标到平板电脑上显示（new...
View ArticleClik here to view.
[转载]chrome developer tool 调试技巧
这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异. 常规的断点相关的...
View ArticleClik here to view.
[推荐]两款Flash上传插件(1)–CFUpdate文件批量上传组件
搞开发的同学都知道，网上可搜到的可用的Flash图片上传的组件少之又少，可定制界面，不需要安装组件，且可免费用于任何商业系统的，更是凤毛麟角，如果你和我一样，迫切需要一款这样的一款组件的话，不妨试试CFUpdate吧。 以下是我修改的一个Demo效果，你也可以猛击此处查看在线Demo。...
View ArticleClik here to view.
[推荐]两款Flash上传插件(2)–Flash头像上传新浪微博破解加强版
如题，仿新浪微博头像上传插件，并在此基础上增加了放大/缩小功能及图片调整功能，感谢 zhushunqing为我们提供的flash源文件。 Git地址：https://github.com/zhushunqing/FaustCplus 演示Demo地址: http://flashman.com.cn/Flash/FaustCplus/common/ 下载地址：直接下载 | 百度网盘下载...
View ArticleClik here to view.
[发现]Webstorm汉化方法
Webstorm是前端开发人员及javascript开发人员特别喜爱的一个编辑器，介绍见博主的另一篇文章《我用过的那些IDE(3)–Webstorm 4》，现官方提供的最新版本为5.0.4，官方博客中已经放出了WebStorm 6...
View ArticleClik here to view.
[原创]本站主题 ifanr theme 主题正式发布啦
WordPress主题定制请访问：http://www.zi-han.net/services 特别说明（2013.6.15）： ifanr theme v2.0已发布，主题定价¥268，新版主题在现有的基础上进行了20余项改进和升级，功能更强大，新主题对老用户提供免费升级服务和相应的技术支持。旧版已停止出售！ 查看新版主题简介 现在购买即可免费升级到V2.0，且终生提供免费升级服务！...
View Article[原创]自己编写的Html5+jQuery+CSS3播放器插件正式发布
去年写的东西，今天翻开整理了一下，本视频播放器基于Html5+Css3+jQuery开发，在此感谢rollbar、tipTip、smartMenu插件的开发者和一淘(etao)前端工程师的贡献、本插件基于GPL开源协议发布，使用最新版本的WebKit内核浏览器浏览效果更佳。 播放器的所有图标基于etao矢量字体图标实现，未使用图片，所以加载速度相对会快很多，图标大小也可自由控制。...
View ArticleClik here to view.
[原创]本站jQuery物流查询系统正式发布
去年做的项目，基于jQuery，数据接口使用快递100的接口，实现百家常用快递查询，ajax jsonp跨域查询。感觉写成插件意义不大，所以就没有写插件，代码已经开源，有需要的朋友可去GitHub上下载。 老规矩，先看Demo 外站调用代码： <!--iframe调用方式--> <iframe src="http://www.zi-han.net/case/56/"...
View Article[原创]本站IE6forWin8测试工具正式发布
做前端的恐怕有很多时间折腾在IE6上，装win7、win8的同学更苦逼，没有真实的测试环境，还得通过装虚拟机之类的解决，前些时候写过一篇文章，分享一款Win7下的IE6测试工具：IE6forWin7，但是最近安装win8后，发现IE6ForWin7不能正常使用，今天重新打了下包，测试没问题，分享给大家。姑且先叫IE6ForWin8吧。 IE6ForWin8的主要特色：...
View Article本站主题 ifanr theme v2.0正式发布(已更新到V2.0.7，V3.0已发布)
WordPress主题定制请访问：http://www.zi-han.net/services ifanr theme v3.0已发布，请移步这里查看：《本站主题 ifanr theme v3.0已正式发布》，ifanr theme v2.0已经停售，购买后默认发送V3.0以上的版本。 主题现已更新到V2.0.7版（2013.9.23更新），主要增加的和修复的问题如下：...
View Article[投稿]分享一款flash头像编辑上传利器：富头像上传编辑器
感谢LooseLive的投稿 富头像上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件，可缩放、裁剪、旋转、定位和调色等... 小巧的身材：文件大小仅仅只有 46.3 KB，而新浪的头像编辑器组件有 58.1 KB，更有甚者达 80 KB 之多以上。 漂亮的外观：灰色系的外观设计，适用于所有风格的站点。还可轻松地实现换肤。...
View Article［教程］wordpress主题语言包（一）：前言
最近有同学问我，ifanr theme 有没有提供英文版，作为一款首次开发的主题，确实没有考虑到这些，最近翻阅了一些资料，汉化了一款别人的主题，整理如下，分享给新手开发者使用。 本系列教程包括如下几个部分： 1、在Wordpress主题中加入本地化编译函数 2、使用POEdit制作wordpress主题语言包 3、wordpress主题调用语言包
View Articlewordpress主题语言包（二）：在WordPress主题中加入本地化编译函数
wordpress提供的本地化函数主要有以下几个： __() 和 e() _x() 和 _ex() _n() printf() 和 sprintf() 各个函数的区别使用如下： 1、__() 和 _e() 都是用来返回对应当前语言的字符串内容： <?php echo __('hello world!'); ?> <?php __e('hello world!'); ?>...
View ArticleClik here to view.
wordpress主题语言包（三）：使用POEdit制作wordpress主题语言包
WordPress语言包以.mo/.po文件的形式存在，简单的说，.mo用于服务器识别，是语言包必须的，不可编辑，.po文件则是给开发人员看的，可以编辑，并最终可以转化成.mo文件。 上一节中我们提到，在主题中需要翻译的地方通过加入__() 和 e()、_x() 和 _ex()、_n()、printf() 和...
View Articlewordpress主题语言包（四）：wordpress主题调用语言包
前面我们制作好语言包以后，离成功就只差一步了，在主题的functions.php中加入以下代码： add_action('after_setup_theme', 'my_theme_languages_setup'); function my_theme_setup(){ load_theme_textdomain('my_languages', get_template_directory() ....
View ArticleClik here to view.
[教程]wordpress移动版主题开发调试：ios webapp调试神器MIHTool
很多同学一定和我有同样的困惑，移动版主题如何调试？？！！！ android平台有直接用chrome beta就可以调试，具体操作办法可以查看这篇教程《Android 设备 Chrome 远程调试》 Mac的高富帅直接可以用safari提供“web检查器”，具体可查看这篇文章《ios6下调试webapp》...
View Article[教程]为您的wordpress主题加上文章阅读次数统计功能（非插件）
写主题的过程中，可能需要加入文章阅读次数统计功能，很多主题的使用者都借助插件实现，作者本身不太喜欢使用插件，心理上老感觉会拖慢网站的速度，这里给大家介绍一个简单的方法，不管是主题的开发者还是主题的使用者，都适用。 首先，需要在主题主函数functions.php中适当的位置加入以下代码： function getPostViews($postID){ $count_key =...
View ArticleClik here to view.
[教程]wordpress主题后台设置框架Options Framework（中文版）
对于很多刚开始写wordpress主题的新手来说，想给主题加上一些设置选项，方便使用者灵活选择和定制，这时候后台框架就成了一个绕不过的话题，一般方法无外乎两种，一种是自己动手，丰衣足食，一种采用框架，不重复制造轮子。既然是新手，前者门槛就相对高些，在这里推荐使用框架，省事省力，性能上也能得到保证。 在这里，作者推荐Options Framework，Options...
View Article[教程]如何为您的wordpress主题搜索加入关键词高亮显示功能（非插件）
本篇将介绍如何为您的主题加入像百度、谷歌等搜索引擎一样的关键词高亮显示功能，效果可以使用作者博客的搜索功能，建议使用标题中的词搜索，这样效果更明显，下面介绍如何实现该功能。 这里我们通过jQuery实现，作者通过网上的一些方法，整合了一个jQuery插件，贡献出来，您可以下载使用：jquery.textSearch.1.0.js，该插件也可用作其他文本高亮显示，下面贴出代码： /* By:zihan...
View Article[经验]wordpress站点速度优化篇
先援引新浪云商店关于wordpress的一段介绍： WordPress是这个地球上最受欢迎的独立博客系统，没有之一。 也许它的代码不够简洁，而且运行起来消耗大量内存，但它依然是让人无法抗拒的。 如果你要架设独立博客，它一定是最好的选择，这是花了足足一周时间测试过12个独立博客系统的同学最后的答案。...
View Article[教程]为您的wordpress评论添加ajax支持（一）：wordpress主题ajax评论的实现（非插件）
本篇文章将说明如何为您的wordpress主题通过非插件方式添加ajax支持，主要实现的功能是用户提交的评论内容在本页完成验证和提交，不跳转页面，有利于提高用户体验，具体效果可使用文章下方的评论功能测试。...
View Article[教程]为您的wordpress评论添加ajax支持（二）：wordpress主题ajax评论分页的实现（非插件）
上一节我们提到了非插件如何为wordpress主题添加ajax评论功能，现在我们来实现非插件为wordpress主题评论添加ajax分页功能，分两部分，分别说明传统ajax分页和瀑布流分页两种方式的实现，Demo请查看下方评论分页功能。 1. 传统ajax分页。...
View Article[教程]如何为你的主题添加一个投稿模板页面（非插件）
主题制作完成后，我们可能需要添加一些自定义页面模板，方便使用者使用，下面我们以新增加一个投稿页面为例，说明如何给主题添加一个自定义页面，完成后的效果请查看这里：http://www.zi-han.net/contribute 在主题根目录下面新建一个contribute.php页面，在页面中加入如下代码： <?php /* Template Name: 用户投稿 */ ?>...
View Article[教程]如何为您的wordpress主题启用Gzip，加快载入速度（非插件）
如果是主题使用者，可以通过修改.htaccess或者使用插件来启用Gzip，加快访问者的载入速度，同时节省流量（启用Gzip后，文档大小会缩小60%-90%），但是如果您是主题开发者，前面两种办法就很难做到，那么就需要在主题主函数functions.php中加入如下代码来实现： function theme_gzip() { if...
View Article本站主题 ifanr theme v3.0已正式发布(已更新到4.1)
WordPress主题定制请访问：http://www.zi-han.net/services 经过V2.0前后8个版本（V2.0-V2.0.7）的迭代和近7周的筹备，3个beta版本的迭代，ifanr theme v3.0终于和大家见面了。详情请查看主题主页：http://www.zi-han.net/theme/ifanr 本次更新的内容如下： 后台主题设置部分全部重写，优化功能和用户体验；...
View ArticleClik here to view.
[教程]给你的主题添加自定义主题设置页面
对于初学者来说，为主题添加设置选项可能是主题开发过程中最麻烦的事情。在wordpress主题后台设置框架Options Framework（中文版）一文中，我们提到了使用Options Framework来为主题添加设置页面，但是对于复杂的业务需求，Options Framework就显得有些力不从心了。 那如果想给主题添加自定义的主题页面呢？...
View ArticleClik here to view.
beLite，做最好的wordpress移动主题
WordPress主题定制请访问：http://www.zi-han.net/services ifanr theme自发布以来收到了许多好评，在此感谢各位的反馈和支持！但是ifanr移动版一直没有更新，这中间有诸多的原因，反馈最多的就是应该加入菜单，加入搜索，加入小工具and so...
View ArticleClik here to view.
基于Bootstrap3.3.5的后台主题UI框架H+ v4.0.0版发布
您是否需要自己做一款后台、会员中心等等的，但是又缺乏html等前端知识… 您是否一直在苦苦寻找一款适合自己的后台主题… 您是否想做一款自己的web应用程序… ………… 那么，现在H+来了 先来看两张图： 官网地址：http://www.zi-han.net/theme/hplus/ 什么是H+...
View ArticleClik here to view.
本站主题beNextv4.1发布
WordPress主题定制请访问：http://www.zi-han.net/services ifanr theme从4.0版本开始正式更名为beNext，可以和手机版beLite配合使用，beLite官网：http://belite.mobi，beLite演示效果可以通过手机访问http://www.zi-han.net/查看，或直接用手机扫描下方二维码： v4.1更新内容如下：...
View Article笑忘书
没没有蜡烛 就不用勉强庆祝 没没想到答案 就不要寻找题目 没没有退路 那我也不要思慕 没没人去仰慕 让我就继续忙碌 来啊来 思前想后 差一点忘记了怎么投诉 来啊来 从此以后 不要犯同一个错误 将这样的感触 写一封情书送给我自己 感动的要哭很久没哭 不失为天大的幸福 将这一份礼物这一封情书 给自己祝福 可以不在乎才能对别人在乎 有一点帮助 就可以对谁倾诉 有一个人保护 就不用自我保护 有一点满足...
View Article
